Динамически добавлять текстовое поле TinyMCE на новые вкладки

Я использую пользовательский интерфейс плагина JQuery для вкладки, каждая вкладка содержит TextArea, а затем управляется библиотекой TinyMCE.

Я хочу сделать: когда вы нажимаете на вкладку «+», добавляется новая вкладка, которая также содержит текстовое поле. Создать новую вкладку с textearea — это хорошо. Проблема в том, что я не могу редактировать значение textarea, и если я нажму на опцию TinyMCE (например, Bold): J is null ошибка на консоли 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, но он не работает...


person Vincent Guesné    schedule 02.10.2011    source источник


Ответы (1)


TinyMCE должен иметь объект в DOM, чтобы применить себя. Я не уверен, почему TinyMCE не работает, поскольку вы, кажется, добавляете контейнер перед добавлением TinyMCE, однако, если вы переместите «addControl» после добавления новой вкладки, она должна работать.

person Brett Henderson    schedule 03.10.2011