javascript - wp_editor: jQuery を使用してオンデマンドで wp_editor をロードする方法は?

Question

jquery/javascript を使用してオンデマンドで wp_editor を読み込もうとしています。

どういうわけか次のコードを使用して成功しましたが、変更されたデータを要素に保存しません。

tinyMCE.execCommand('mceAddEditor', false, textarea_id);

どんな貢献でも本当に感謝します。

Answer 1

使用するwp_editor()と、WordPress のデフォルトのビジュアル エディターが読み込まれます。以下をロードする必要があります。

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

作業例: http://jsfiddle.net/rupomkhondaker/j7brgyL2/

<textarea id="test">Easy features.</textarea>

そして、コードは

$(document).ready(function() {
    tinyMCE.init({
        mode : "none"
    });
    tinyMCE.execCommand('mceAddEditor', false, 'test');
});

単に使用する

tinymce.execCommand('mceAddEditor', false, 'textarea_id');

別の例を次に示します。

<textarea name="sectionContent_1" id="sectionContent_1"></textarea>

脚本：

var textAreaID = 'sectionContent_' + sectionID;
$(this).parent()
    .find('.sectionOptions')
    .html(ctHolder).ready(
        function() {
            tinyMCE.execCommand('mceAddEditor', false, textAreaID); 
        }
    );

そして最も簡単な方法は

tinyMCE.execCommand("mceAddEditor", false, id);
tinyMCE.execCommand('mceAddControl', false, id);