当页面上已有tinymce实例时，动态添加tinymce编辑器

这是我已经问过的这个问题的后续：动态添加tinymce编辑器 https://stackoverflow.com/questions/19157574/add-a-tinymce-editor-dynamically

我有一个包含编辑器的页面（tinyMCE）。我动态添加文本区域（添加条目按钮）。它工作得很好，预计它会撤消我对其他 TinyMCE 所做的所有更改。如果我加载一个带有显示“Something 40”的tinyMCE的页面，然后输入“Something 40 and some stuff”，然后单击添加一个条目，则会出现一个新的tinymce，但第一个现在显示“Something 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 的相同选项，第一个是我想在页面显示时显示为编辑器的文本区域，第二个是在我动态添加文本区域时调用的函数。

以下是我将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字段的更改？

您可以使用 ：

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

此外，如果您想使用 ID 并且每个编辑器实例都是唯一的，则需要动态生成此选择 ID。