在新選項卡上動態添加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

回答

相關問題