Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

TinyMCE 4: How to disable/hide tooltip?

Tags:

tinymce

I've just upgraded my TinyMCE to version 4, which seems to have a tooltip by default.

How can I disable/hide the tooltip that appears on mouse-over on any tool-bar item?

like image 223
evilReiko Avatar asked Aug 15 '13 12:08

evilReiko


1 Answers

I've been searching for any possible solution, but so far, I have found nothing in the official documentation. What I found in the development tinymce.js file (uncompressed version) is that tooltip is hardcoded and set to be included every time.

I tried different things to disable the tooltip, by so far, the easiest and safest way I came up with is by using CSS, include this bit of code in the main css file to hide the tooltip forever:

.mce-widget.mce-tooltip {
    display: none !important;
}

This solution avoids using Javascript/jQuery, and also avoids modifying the source file tinymce.js.

like image 169
evilReiko Avatar answered Jan 01 '23 19:01

evilReiko