動態添加TinyMCE的編輯器，你已經有TinyMCE的情況下，你的

Question

頁

上這是一個後續對這個問題我已經問：Add a tinymce editor dynamically

我有它編輯器（TinyMCE的）的頁面。我動態添加textarea（添加輸入按鈕）。它很好地工作，期望它可以撤消我對其他TinyMCE所做的所有更改。如果我加載頁面TinyMCE的顯示「40事」和我輸入「40的東西，有的東西」，然後我點擊添加一個條目，一個新的TinyMCE的出現，但第一個現在顯示「40事」。

我使用下面的代碼：

<script type="text/javascript"> 
//<![CDATA[ 
tinyMCE.init({"selector":"textarea.tinymce","theme_advanced_toolbar_location":"top","theme_advanced_toolbar_align":"left","theme_advanced_statusbar_location":"bottom","theme_advanced_buttons3_add":"tablecontrols,fullscreen","toolbar":"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image","plugins":"paste,table,fullscreen,image,code,link","dialog_type":"modal","content_css":"/assets/application.css"}); 
//]]> 
</script> 
<script> 
function loadTinyMCEEditor() { 
tinyMCE.init({"selector":"textarea.tinymce","theme_advanced_toolbar_location":"top","theme_advanced_toolbar_align":"left","theme_advanced_statusbar_location":"bottom","theme_advanced_buttons3_add":"tablecontrols,fullscreen","toolbar":"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image","plugins":"paste,table,fullscreen,image,code,link","dialog_type":"modal","content_css":"/assets/application.css"}); 
} 
</script> 

兩者是同一選項來添加一個微小的MCE，第一是因爲我要顯示爲在頁面顯示編輯textarea的，第二個是在一個函數當我動態添加一個textarea時被調用。

下面是我添加了tinyMCE到NEX textarea的：

$(document).on 'nested:fieldAdded', (event) -> 
    loadTinyMCEEditor() 
    #alert "azeaze"+event.field.attr("id") 
    #alert "totoooot "+event.field.find('textarea').attr("id") 
    tinyMCE.execCommand "mceAddControl", true, event.field.find('textarea').attr("id") 

我如何添加TinyMCE的，但不刪除其他TinyMCE的領域的變化？

Answer 1

您可以使用：

tinymce.EditorManager.execCommand('mceAddEditor', true, "here_place_editor_class or ID"); 

你也需要動態地生成該選擇ID，如果你想使用的ID和每個編輯器實例必須是唯一的。