2010-07-02 3 views
5

में सीएसएस लागू करना मैं TinyMCE रिच टेक्स्ट एडिटर में ForeColor लागू कर रहा हूँ।TinyMCE

यह इस

<span style="color: rgb(255, 0, 0);" mce_style="color: #ff0000;">Hello</span>. 

मैं "शैली" यहाँ के बजाय सीएसएस वर्ग लागू करना चाहते हैं की तरह के रूप में चुने गए पाठ को ForeColor लागू करने के लिए शैली का उपयोग करता है .. कैसे सीएसएस वर्ग यहाँ लागू करने के लिए? इन सीएसएस कक्षाओं में रंग कोड होते हैं।

उदाहरण:

<span class="colorRed">Hello</span> 

मेरे सीएसएस कक्षा

.colorRed 
{ 
color: #ff0000; 
} 

धन्यवाद

क्योंकि आप अपनी सीएसएस tinymces संपादक सामग्री आप करने के लिए अपने वर्ग जोड़ने की आवश्यकता होगी करने के लिए लागू किया जा करना चाहते हैं

उत्तर

8

कक्षा में आपकी संपादक सामग्री के साथ स्टाइल हो जाता है।

यदि आप tinymce (init-function) प्रारंभ करते समय उपयोगकर्ता द्वारा परिभाषित सामग्री_css फ़ाइल का उपयोग नहीं कर रहे हैं, तो contentitss फ़ाइल में आपके द्वारा सेट की गई थीम के आधार पर एक content_css फ़ाइल का उपयोग किया जाएगा (फ़ाइल का उपयोग सबफ़ोल्डर में किया जाना है फ़ोल्डर विषयों के)।

मेरा सुझाव है कि आप अपनी सामग्री.css बनाएं जो आप init फ़ंक्शन में content_css सेटिंग का उपयोग करके लोड करते हैं। इसके लिए tinymce दस्तावेज़ीकरण के लिए this link देखें। पहले चरण के लिए आप थीम निर्देशिका से content.css में से एक को कॉपी कर सकते हैं और इसे संशोधित कर सकते हैं। content_css पर

+0

replying..i के लिए धन्यवाद बस content.css से सामग्री की नकल की एक नई सीएसएस फ़ाइल में और मेरे रंग कोड शामिल थे .. फिर मैंने content_css: "/mycontent.css" tincyMCE init फ़ंक्शन को tiny_mce_src.js फ़ाइल में शामिल किया। क्या मैंने सही निर्देशों का पालन किया है? मुझे अपेक्षित आउटपुट नहीं मिल रहा है !! – SAK

+0

आप टिनिमस संपादकीय iframes सिर को देखने के लिए फ़ायरबग का उपयोग कर सकते हैं यह सत्यापित करने के लिए कि क्या यह आपकी सीएसएस फ़ाइल लेता है। यदि आप सुनिश्चित नहीं हैं कि आपकी सीएसएस फ़ाइल ने आपके सीएसएस युक्त एक यूआरएल लिया है: "content_css: 'http://mydomain.com/webroot/../content.css'"। – Thariama

+0

आप एक वेबलोकेशन (यदि उपलब्ध हो) के लिए एक लिंक भी पोस्ट कर सकते हैं ताकि मैं इसे – Thariama

1

खोजें एक अपने सीएसएस फ़ाइल जोड़ने के रिश्तेदार पथ विशेषता (यानी: myLibFolder/myCss.css) जोड़ने के बाद ","

$('textarea.tinymce').tinymce({ 
        // 
        // 
        //.... 
        , 
        content_css: "css/content.css,myLibFolder/myCss.css" 
        , 
        // 


});