初始化所有 tinyMCE 编辑器后如何设置回调执行？

Question

我已经使用 Wordpress 的wp_editor 功能加载了一个 tinyMCE 编辑器。

现在，我想在该编辑器初始化后设置它的值。我试着这样做：

$(function() {
    tinymce.get(...).setContent(...);
});

但由于编辑器尚未初始化，它会抛出错误消息Cannot read property 'setContent' of undefined。为了确认这一点，我使用console.log( tinymce.editors.length ) 语句进行控制台登录并打印0，但后来当我在加载完成后使用浏览器控制台检查变量tinymce.editors 时，编辑器就在那里，我可以对其进行操作。

所以，我的结论是等待所有的 tinyMCE 编辑器被初始化，然后运行上面的代码来改变编辑器的值。请注意，我需要使用 JS 设置值，而不是从后端 (php)。

请告诉我是否有办法做到这一点。如果您需要更多信息或者我不清楚，请问我。

提前致谢:)

Answer 1

您可以等待添加特定的编辑器管理器，然后绑定init 事件处理程序来设置编辑器的内容，如下所示：

tinymce.on( 'addeditor', e => {
    if ( e.editor.id === <your_editor_id> ) {
        e.editor.on( 'init', event => {
            event.target.setContent( <your_editor_content> );
        });
    }
}, true );

Answer 2

您可以在 TinyMCE 初始化后使用编辑器配置中的 setup 选项填充它。例如：

setup: function (editor) {
  editor.on('init', function (e) {
    editor.setContent('<p>Hello world!</p>');
  });
}

尝试在调用 wp_editor() 时传入这些编辑器设置。

资源：

• How to get content and set content in TinyMCE