TinyMCE 4: Araç ipucunu nasıl devre dışı bırakır/gizlerim?

Question

TinyMCE'imi varsayılan olarak bir araç ipucuna benzeyen sürüm 4'e yeni yükseltdim.

Herhangi bir araç çubuğu öğesinde fare üzerinde görünen araç ipucunu nasıl kapatabilirim/gizleyebilirim?

Answer 1

Olası bir çözümü aradım ancak şu ana kadar resmi belgelerde hiçbir şey bulamadım. tinymce.js numaralı dosyada (sıkıştırılmamış sürüm) bulduğum şey, araç ipucunun kodlanmış ve her seferinde dahil edilmek üzere ayarlanmış olmasıdır.

:

Ben en kolay ve en güvenli yolu ben, CSS kullanmaktır ile geldi sonsuza ipucunu gizlemek için ana css dosyasında bu kod bit içerir, bu nedenle arayla, araç ipucunu devre dışı bırakmak için farklı şeyler denedim

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

Bu çözüm, Javascript/jQuery kullanımını engeller ve ayrıca kaynak dosyasını tinymce.js değiştirmekten de kaçınır.

Answer 2

JQuery ve tinyMCE 4.x kullanarak dinamik bir çözüm buldum. TinyMCE (init_instance_callback) olarak başlatıldığını sonra

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

Bu sınıf mce-ipucunu değiştirir: Bu çözüm TinyMCE iç/devre dışı ipuçlarını etkinleştirmek için izin verir. 'Display: block;' öğesini ayarlayın Araç ipuçlarını tekrar görüntülemek isterseniz. Onun en güzel çözümü değil, biliyorum ama işe yarıyor.

Answer 3

Sen düğme örneğini erişebilir ve false onun rendered durumunu ayarlayabilirsiniz: Ben/devre dışı ipuçlarını etkinleştirmek muktedir tinymce 4.x üzerinde daha dinamik çözüm arıyordu

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

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