动态添加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和每个编辑器实例必须是唯一的。