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

wp_editor：如何使用jQuery按需加载wp_editor？

wp_editor: How to load wp_editor on demand using jQuery?

javascript

wordpress

tinymce

wp-editor