[JS] tinyMCE – 利用AJAX動態加載的時候,會自動渲染textarea


在jQuery 使用外掛套件jeditable的時候會動態生成 。

但是動態生成的 並不會被 tinyMCE所渲染,

這時候只要配合這個指令: tinyMCE.execCommand('mceAddControl', true, 'my');

如果動作重複想要再一次渲染,那將會沒有反應。

所以要配合: tinyMCE.execCommand('mceRemoveControl', true, 'my');

所以最好用在動態新增刪除<textarea>的時候,JQ的動作要先mceRemoveControl再mceAddControl。
(移除綁定在增加綁定的概念)
例如

$("body").on("click", ".edit textarea", function (){
    var $this    = $(this);
    var addid    = $this.parents(".edit").attr("data-jcol");
    var add    = "add_tinyMCE_" + addid;
    $this.attr("id", add);

    tinyMCE.execCommand('mceRemoveControl', true, add);
    tinyMCE.execCommand('mceAddControl', true, add);
    }); 
 
就可以在指定的 進行重新選染成編輯器了。

*參考官方英文文件http://www.tinymce.com/wiki.php/Command_identifiers

發表迴響