2012-03-26 10 views
5

मेरे पास कुछ प्रीसेट रंग हैं जो मैं जोड़ना चाहता हूं जो मेरी वेबसाइट के विषय के साथ चलता है। मैं TinyMce में डिफ़ॉल्ट फ़ॉन्ट रंग पैलेट कैसे बदल सकता हूं?मैं TinyMce संपादक में डिफ़ॉल्ट फ़ॉन्ट रंग पैलेट कैसे बदल सकता हूं?

screenshot-with-shadow.png http://img407.imageshack.us/img407/4526/screenshotwithshadow.png

+0

+1 अच्छा प्रश्न – Thariama

उत्तर

3

आसान लेकिन गंदा तरीका स्रोत कोड को संपादित करने के लिए है। फ़ाइल 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); 
+0

धन्यवाद! +1 अच्छा जवाब – cwd

+3

हम्म, शायद यह भी देखें: http://www.tinymce.com/wiki.php/Configuration:theme_advanced_text_colors - बस पाया गया कि – cwd

+0

वाह, यह चौथा विकल्प लगता है - लेकिन सबसे अच्छा:) – Thariama

0

https://www.youtube.com/watch?v=dySkwdZG9J0

theme_name_text_colors: यहाँ कुछ रंग सेटिंग युक्त कोड है "#hexhex, #hexhex, #hexhex"

init() फ़ंक्शन और बूम में रखो कि, अपने रंग फूस कस्टम है। और आपको अभी भी अधिक रंग बटन मिलते हैं। कोई अतिरिक्त प्लगइन्स नहीं। कोई पागल काम नहीं है।

+0

आप रंग का नाम कैसे जोड़ते हैं? जब आप पिकर में रंग पर होवर करते हैं तो यह हेक्स वैल्यू प्रदर्शित करता है और मैं रंग का नाम दिखाऊंगा। –

1

खैर, यह थोड़ी देर हो चुकी है, लेकिन मेरी समाधान होगा:

1.Assuming कि आप 'textcolor' प्लगइन का उपयोग कर रहे, 'प्लगइन्स' निर्देशिका में 'textcolor' फ़ोल्डर को कॉपी करें और एक नया नाम देना ('mytextcolor' कहें)। यह आपकी नई प्लगइन का नाम होगा (mytextcolor)

2.in अपने 'mytextcolor' फ़ोल्डर open plugin.min.js और लाइन 12 पर आपको डिफ़ॉल्ट रंग पैलेट मिलेगा। नए रंग के नाम और कोड के साथ संशोधित करें।

अपने TinyMCE config 3.in 'mytextcolor'

आशा है कि मदद करता है

2

'textcolor_map' अपने संपादक विन्यास पर स्थापित करने के उपयोग करने का प्रयास करने के लिए प्लग-इन मापदंडों में 'textcolor' नाम बदलें?

मैं भी टिनिमस में डिफ़ॉल्ट फ़ॉन्ट रंग पैलेट को बदलने का प्रयास करने की कोशिश कर रहा था। अधिकतर उत्तर जैसे कि 'theme_advanced_' के आधार पर कॉन्फ़िगरेशन गुणों में से किसी एक का उपयोग करने के लिए ऊपर दिए गए उत्तरों। हालांकि 'उन्नत' थीम को संस्करण 4 और 'आधुनिक' थीम के साथ पैक नहीं किया गया है जो डिफ़ॉल्ट रूप से संस्करण 4 का उपयोग करता है, वही गुणों का खुलासा नहीं करता है। एक विषय स्वतंत्र समाधान वैसे भी बेहतर होगा।

और लो!'टेक्स्टकलर' प्लगइन में एक त्वरित रूप से पता चलता है कि जब प्लगइन अपना रंगरूप सेट अप कर रहा है तो यह पहले संपादक की सेटिंग्स पर उपर्युक्त संपत्ति को देखता है।

संबंधित मुद्दे