새 탭에 동적으로 TinyMCE Textarea 추가

Question

탭의 JQuery 플러그인 UI를 사용하여 각 탭에 TextArea가 포함되어 있으며 TinyMCE 라이브러리가 관리합니다.

내가 원하는 작업 : "+"탭을 클릭하면 텍스트 영역이 포함 된 새 탭이 추가됩니다. textearea로 새 탭을 만들려면 좋습니다. 나는 텍스트 영역 값을 편집 할 수 없습니다 그리고 난 (굵게 같은) TinyMCE에의 옵션을 클릭하면 : : 문제는 J는 오류 자바 스크립트 콘솔에 null의

내 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가 작동하지 않는 이유를 알지 못합니다.하지만 새 탭을 추가 한 후에 "addControl"을 움직이면 제대로 작동합니다.