jQuery选项卡中的TinyMCE问题

我试图在jQuery选项卡中实现TinyMCE，这些选项卡由AJAX加载

在第一个选项卡的视图中，我加载init，如下所示：

    $( "#tabs" ).tabs({
         load:function(event, ui){
          if(ui.index==5){
             if(typeof TinyMCE == "undefined") {

            tinyMCE.init({
                // General options
                mode : "specific_textareas",
                editor_selector : "mceEditor",
                theme : "simple",
            }); 
        }

选项卡5包含textarea的

第一次加载选项卡时，TinyMCE字段中的textarea发生了更改。 我可以使用

var note = tinyMCE.get('note').getContent()

问题是，它只在第一次加载此选项卡时起作用。当我按下另一个选项卡，返回到选项卡5时，id已经在一个微小的mce id中更改。因此，我只能在第一次按下选项卡时获取内容

有人知道如何解决这个问题吗？

---

谢谢

在切换到另一个选项卡之前，需要关闭tinymce实例，否则将阻止具有该id的编辑器元素

在使用切换选项卡之前，请删除控件

// the_editor_id equals the id of the underliing textarea
tinyMCE.execCommand('mceRemoveControl', false, the_editor_id);

---

当我把这一行放进elseif的时候（ui.index当然，在tabchange之后，您需要使用addControl命令初始化编辑器谢谢您的回答。这适用于一个文本字段。如果我想对许多文本字段使用此命令，该怎么办？是否有方法可以使用类而不是id来完成此操作？不，您需要id，但这不是问题，因为它们在usi中可用ng tinymce.editors（它是一个编辑器实例数组（ed.id给出id））