Search code examples
tinymce

TinyMCE 4: How to disable/hide tooltip?


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?


Solution

  • 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.