ए आसान लेकिन गंदा तरीका स्रोत कोड को संपादित करने के लिए है। फ़ाइल tiny_mce.js ले लो और "000000,993300,333300,
" स्ट्रिंग के लिए खोजें - यह स्प्लिट बटन की रंग परिभाषा की शुरुआत है। अब आप जितनी चाहें रंग संपादित कर सकते हैं। यह सभी ColorSplit बटन उदाहरणों के लिए रंग सेटिंग समायोजित करेगा।
बी एक अन्य तरीका, स्रोत कोड के साथ बेवकूफ के रूप में गंदे नहीं, संपादक प्रारंभ करने के बाद रंगों को समायोजित करना है।
setup : function(ed) {
ed.onInit.add(function(ed) {
$('.mceColorSplitMenu').find('#_mce_item_2').get(0).setAttribute('data-mce-color','#0202FF');
$('.mceColorSplitMenu').find('#_mce_item_3').get(0).setAttribute('data-mce-color','#0203FF');
...
$('.mceColorSplitMenu').find('#_mce_item_41').get(0).setAttribute('data-mce-color','#0241FF');
});
}
ध्यान रखें कि आप SplitButton के अन्य attriubtes रूप में अच्छी तरह (यानी शीर्षक बदलने के लिए चाहते हो सकता है हो सकता है,: आप (या अपने स्वयं TinyMCE plugins में से एक के अंदर डाल दिया) अपने TinyMCE विन्यास को the setup parameter जोड़ने की आवश्यकता होगी पृष्ठभूमि रंग, ...)
सी साफ लेकिन समय लेने वाली समाधान एक खुद ColorSplitButton कि नियंत्रण तत्व के लिए सेटिंग में अपनी पसंद के रंग से युक्त का उपयोग कर एक स्वयं प्लगइन विकसित करना है (एक नजर है tinymce डेवलपर संस्करण पर) ColorSplitButton.js
नामक एक फ़ाइल है।
ColorSplitButton : function(id, s, ed) {
var t = this;
t.parent(id, s, ed);
/**
* Settings object.
*
* @property settings
* @type Object
*/
t.settings = s = tinymce.extend({
colors : '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF',
grid_width : 8,
default_color : '#888888'
}, t.settings);
+1 अच्छा प्रश्न – Thariama