wp_editor: Как загрузить wp_editor по требованию, используя jQuery?

Question

Я пытаюсь загрузить wp_editor по требованию, используя jquery/javascript.

Каким-то образом я добился успеха, используя следующий код, но он не сохраняет измененные данные в элементе.

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);