jQuery 选项卡中的 TinyMCE 问题

Question

我正在尝试在由 AJAX 加载的 jQuery 选项卡中实现 TinyMCE

在第一个选项卡的视图中，我按如下方式加载初始化：

    $( "#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 包含文本区域。

当我第一次加载选项卡时，文本区域在 TinyMCE 字段中发生了变化。 我可以使用

来获取这个textarea的内容

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

问题是，它仅在第一次加载此选项卡时才有效。当我按下另一个选项卡并返回选项卡 5 时，ID 已在 tiny_mce ID 中更改。所以只能在第一次按tab的时候获取内容。。

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

Answer 1

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

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

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