TinyMCE 4: Come disabilitare/nascondere il suggerimento?

Question

Ho appena aggiornato il mio TinyMCE alla versione 4, che sembra avere un tooltip di default.

Come posso disabilitare/nascondere il suggerimento visualizzato al passaggio del mouse su qualsiasi elemento della barra degli strumenti?

Answer 1

Ho cercato una soluzione possibile, ma finora non ho trovato nulla nella documentazione ufficiale. Quello che ho trovato nel file di sviluppo tinymce.js (versione non compressa) è che tooltip è hardcoded e impostato per essere incluso ogni volta.

ho provato cose diverse per disabilitare il tooltip, da così lontano, il modo più semplice e più sicuro mi è venuto in mente è tramite CSS, includere questo pezzo di codice nel file css principale per nascondere il tooltip per sempre:

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

Questa soluzione evita di utilizzare Javascript/jQuery e evita anche di modificare il file sorgente tinymce.js.

Answer 2

Mi sono divertito e ho trovato una soluzione dinamica usando JQuery e tinyMCE 4.x. Questa soluzione permette di abilitare/disabilitare i suggerimenti all'interno TinyMCE:

tinymce.init({ 
... 
    init_instance_callback : function() { 
    $("head").append("<style> .mce-tooltip{ display: none; } </style>"); 
    }, 
... 

lo fa cambiare la classe di MCE-tooltip dopo TinyMCE è inizializzata (init_instance_callback). Imposta "display: block;" se si desidera visualizzare nuovamente i suggerimenti. Non è la soluzione più bella, lo so, ma funziona.

Answer 3

È possibile accedere alla istanza del pulsante e impostare il suo stato rendered a false:

var controlIds = editor.theme.panel.rootControl.controlIdLookup; 

for (let i in controlIds) { 
    if (controlIds[i].tooltip) { 
     controlIds[i].tooltip().state.set('rendered', false); 
    } 
}