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

我使用选项卡的JQuery插件UI每个选项卡都包含TextArea，然后由TinyMCE库管理。在新选项卡上动态添加TinyMCE Textarea

我想要做的事情：当你点击标签“+”时，添加包含textarea的新标签。要用textearea创建新选项卡，这很好。问题是：我不能编辑textarea的值，如果我在TinyMCE的的选项，点击（如黑体）：J是空的Javascript控制台错误的

我的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选项卡，但它不起作用...

来源

2011-10-02 Mepps

TinyMCE需要在DOM中的对象来应用自己。我不确定为什么TinyMCE不能正常工作，因为您似乎是在添加TinyMCE之前添加容器，但是如果您在添加新选项卡之后将“addControl”移动到它应该工作。

来源

2011-10-03 05:35:00

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

回答

相关问题