2011-03-04 9 views
30

के लिए आवेदन करना संभव है, मैं tinymce का उपयोग कर रहा हूं, मेरे पास मेरे पृष्ठ पर कई टेक्स्ट क्षेत्र हैं। यह केवल एक पाठ क्षेत्र के लिए लागू करने के लिए,मैं tinymce का उपयोग कर रहा हूं, क्या यह केवल एक textarea

1 पाठ क्षेत्र वर्णन सत्यापन के लिए है संभव है की तरह

नीचे
 
var text = tinyMCE.get('txtdesc').getContent(); 

लेकिन मैं अपने पेज में अधिक 3 और पाठ क्षेत्रों है तो tineMCE सभी के लिए लागू नहीं करना चाहिए है इन पाठ क्षेत्रों

कैसे मैं एक पाठ क्षेत्र

 
// this is my tinyMCE code 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced" 
    }); 

// /tinyMCE 

उत्तर

59

लिए textarea पाठ क्षेत्र संपत्ति के लिए एक class="" असाइन करते हैं, यह आप

<script type="text/javascript"> 
    tinyMCE.init({ 
     //mode : "textareas", 
     mode : "specific_textareas", 
     editor_selector : "myTextEditor", 
     theme : "simple" 
    }); 
</script> 

<textarea id="txtdesc" name="txtdesc" class="myTextEditor" rows="6" cols="96" ></textarea> 
+0

आपके उत्तर के लिए धन्यवाद – Navruk

+1

टेक्स्टरेरा के attr "id" के साथ इसे कैसे बाध्य करें। –

+2

मोड: "सटीक", तत्व: "textarea_id" | कृपया –

42

के लिए ही आवेदन कर सकते हैं TinyMCE 3.x config आप वर्ग selec डाल सकते हैं टोर या डिसेलेक्टर विशेष रूप से कुछ वर्गों के साथ टेक्स्टरेअस पर TinyMCE को सक्षम या अक्षम करने के लिए, बस अपने textarea पर class="" विशेषता दें।

editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE 
editor_selector : "mceEditor", // class="mceEditor" will. 

Source


TinyMCE 4.0.x

selector: "textarea", // Select all textarea 
selector: "textarea.editme", // Select all textarea with the class editme 
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class 

Source के रूप में।

+0

आपके उत्तर – Navruk

+0

के लिए धन्यवाद, अंततः एक उत्तर जो काम करता है! –

6

TinyMCE 4.x में कोई deselector है के लिए ताकि आप सामान्य सीएसएस का उपयोग कर सकते निर्धारित करने के लिए जो textareas चुने गए हैं और जो कर रहे हैं का समर्थन करेंगे नहीं।

<script type="text/javascript"> 
    tinymce.init({ 
     selector: "textarea:not(.textarea-no-styles)", 
}); 
</script> 
+0

का उपयोग करने के लिए कोड में इसका उपयोग करें आज इस अद्यतन उत्तर का उपयोग किया गया। एक जादू की तरह काम करता है। – Parapluie

+0

मैंने सोचा कि मैं जोड़ दूंगा कि कई वर्गों को यहां शामिल किया जा सकता है, अल्पविराम से अलग किया जा सकता है: 'चयनकर्ता: "textarea: नहीं (.regTextarea1, .regTextarea2)" ' – Parapluie

3

TinyMCE 4.x में, आप editor_selector विकल्प का उपयोग कर सकते हैं, लेकिन इससे पहले सुनिश्चित करें कि आप अद्यतन करना चाहिए मोड बनाने के 'specific_textareas'

<script type="text/javascript"> 
    tinymce.init({ 
    mode : "specific_textareas", 
    editor_selector : "mceEditor", 
    }); 
</script> 

इसके अलावा अपने पाठ क्षेत्र में सीएसएस वर्ग editor_selector मूल्य के रूप में ही जोड़ने के लिए , उदाहरण के ऊपर प्रति के रूप में यह इस तरह दिखना चाहिए:

<textarea id='textarea1' class='mceEditor'>first text area</textarea> 

अब, संपादक उन पाठ क्षेत्र एक वर्ग 'mceEditor' नाम दिया है कि में जोड़ दिया जाएगा।

0

आप selector का उपयोग करके ऐसा कर सकते हैं।

selector: "#text_area_id", // Select with textarea id 
1

यहाँ कौन-सा संस्करण 4.6.4 पर मेरे लिए काम किया है, और यह आसान है: के रूप में इस प्रकार है

selector: 'textarea#elm1' 
<textarea id="elm1" ...>...</textarea> 

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

मेरी चयनकर्ता के

मैं सिर्फ संलग्न किया है #my_text_area_id

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