2011-03-04 57 views
30

我正在使用tinymce,我的頁面上有多個文本區域。是否有可能申請只有一個文本區域,我正在使用tinymce,是否可以申請只有一個文本區

1文本區域是用於描述 驗證是像下面

 
var text = tinyMCE.get('txtdesc').getContent(); 

但我有我的網頁更3個文本區域,以便tineMCE不應該適用於所有這些文本區域

我怎麼只能申請一個文本區域

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

// /tinyMCE 

回答

59

對於textarea分配class=""到textarea的屬性,這將支持你

<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 2011-03-04 10:42:15

+1

如何將它與textarea的屬性「id」綁定。 – 2012-08-12 14:05:37

+2

模式:「確切」,元素:「textarea_id」|請在代碼中使用此代碼 – 2014-10-07 11:01:44

42

在TinyMCE的3.x的配置,你可以把選擇素類或者取消選擇器在特定的類上啓用或禁用textareas上的TinyMCE,只需在文本區域中輸入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 2011-03-04 10:42:35

+0

終於有了一個有效的答案! – 2015-06-19 07:27:29

6

在TinyMCE的4.x中沒有deselector這樣你就可以正常使用CSS來確定哪些文本域的選擇,並且其不。

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

今天使用此更新的答案。奇蹟般有效。 – Parapluie 2017-09-26 15:54:15

+0

我想補充說,可以在這裏輸入多個類,用逗號分隔,排除在外:'selector:「textarea:not(.regTextarea1,.regTextarea2)」' – Parapluie 2017-10-19 14:06:11

3

在TinyMCE的4.x版本,也可以使用editor_selector選項,但在此之前要確保您必須更新模式「specific_textareas」

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

同時添加CSS類一樣editor_selector值在您的textarea的,按照上面的例子應該是這樣的:

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

現在,編輯器會在那些有一個名爲「mceEditor」類textarea的補充。

0

您可以使用selector來完成此操作。

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

這裏是爲我工作的4.6.4版本,這是簡單的:

我只是附加#my_text_area_id我的選擇如下

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

希望它有助於

相關問題