javascript - tiny_mce textareaがajaxを呼び出した後に機能しない htmlコンテンツをdivにロードする

Question

CodeIgniter で tiny_mce を使用しています。通常の html テキストエリアは正常に機能しています。しかし、html テキストエリアのコンテンツを div に表示するために ajax 関数を呼び出すと、tiny_mce コントロールが表示されません。javascriptの再初期化の問題だと思いますか？

Answer 1

「javascriptの再初期化」とは言いませんが、基本的な問題は発生すると思います。への呼び出しtinymce.init({selector: "textarea, .some-other-selector"})は、この呼び出しが実行された時点で存在するページのすべての要素に対して機能します。ほとんどの場合、それを document.ready() ブロックに配置しました。

AJAX 呼び出しでテキストエリアを追加する場合は、この呼び出しを再度行う必要があります。この呼び出しを行うのに最も適した場所.done()は、ajax 呼び出しのコールバックです。例えば：

$.ajax(
    //your call parameters here
).done(function(data){
    //Assuming you want to insert the returned data into a div with class parent-div
    $("div.parent-div").html(data);
    tinymce.init({
        selector: ".parent-div textarea" //Assuming this is the element you want
    });
});