Question

我使用tab的JQuery插件UI，每个标签包含TextArea，然后由TinyMCE librarie管理。

我想这样做：当您点击标签“+”时，添加包含textarea的新标签。要使用textearea创建新标签，这很好。问题是：我无法编辑textarea值，如果我点击TinyMCE的选项（如Bold）：Javascript控制台上的 J为空错误

我的JS代码：

$('li > a.moretxt').click(function(){

    // Number of element in tabs
    var size = $( "#tabs" ).tabs("length"); 
    // Content to add on new tab
    var content = "<div id='divcontent"+size+"'><textarea id=\'txtcontent"+size+"'\' cols=\'60\' rows=\'5\'></textarea></div>";
    // Some variable
    var path = '#divcontent'+size;
    var title = 'content'+size;
    var idtxt = 'txtcontent'+size;
    // Add new div Textarea before the end
    $('div#morecontent').before(content);
    //Add control ?
    tinyMCE.execCommand('mceAddControl', true, idtxt);
    // Add new TAB
    $( "#tabs" ).tabs("add",path,title,(size));
    var index = $( "#tabs" ).tabs("option", "selected");


});

以下代码，使用微小的TextArea添加选项卡，但它不起作用...

Answer 1

TinyMCE需要让DOM中的对象自我应用。我不确定为什么TinyMCE没有工作，因为你似乎是在添加TinyMCE之前添加容器，但是如果你在添加新Tab后将“addControl”移动到它应该可以工作。

在New选项卡上动态添加TinyMCE Textarea

1 个答案: