TinyMCE 4: टूलटिप को अक्षम/छुपाएं कैसे?

Question

मैंने अभी अपने TinyMCE को संस्करण 4 में अपग्रेड कर दिया है, जो डिफ़ॉल्ट रूप से टूलटिप लगता है।

मैं किसी टूल-बार आइटम पर माउस-ओवर पर दिखाई देने वाली टूलटिप को कैसे अक्षम/छुपा सकता हूं?

Answer 1

मैं किसी भी संभावित समाधान की तलाश कर रहा हूं, लेकिन अब तक, मुझे आधिकारिक दस्तावेज में कुछ भी नहीं मिला है। जो मैंने tinymce.js फ़ाइल (असम्पीडित संस्करण) में पाया है वह टूलटिप हार्डकोडेड है और हर बार शामिल होने के लिए सेट किया जाता है।

मैं टूलटिप निष्क्रिय करने के लिए अलग अलग बातें की कोशिश की, अब तक से, सबसे आसान और सबसे सुरक्षित तरीका मैं के साथ सीएसएस का उपयोग करना है आया, टूलटिप हमेशा के लिए छिपाने के लिए मुख्य सीएसएस फ़ाइल में कोड के इस बिट में शामिल हैं:

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

यह समाधान जावास्क्रिप्ट/jQuery का उपयोग करने से बचाता है, और स्रोत फ़ाइल tinymce.js को संशोधित करने से बचाता है।

Answer 2

मैं चारों ओर झुका हुआ और JQuery और tinyMCE 4.x का उपयोग करके एक गतिशील समाधान मिला।

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

यह बाद tinyMCE (init_instance_callback) initialised है वर्ग mce-टूलटिप बदलने करता है: यह समाधान आप tinyMCE अंदर/अक्षम टूलटिप्स सक्षम करने के लिए अनुमति देता है। 'डिस्प्ले: ब्लॉक;' सेट करें यदि आप फिर से टूलटिप्स प्रदर्शित करना चाहते हैं। यह सबसे अच्छा समाधान नहीं है, मुझे पता है, लेकिन यह काम करता है।

Answer 3

आप बटन उदाहरण के लिए उपयोग और false करने के लिए अपने rendered राज्य सेट कर सकते हैं:

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

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