用内容初始化tinymce

Question

我有一个包含一个 tinymce4 编辑器实例的页面。我想以编程方式用一些内容初始化这个编辑器。我知道我必须打电话：tinymce.get('editor').setContent('my content');

但是，当 tinymce 初始化时，我很难做到这一点。已经问过这个问题：initialize tinyMCE with default content 但当时给出的答案不起作用，至少对于 tinymce4 而言。

这是我尝试过的：

第一次尝试：

    tinymce.init({
      mode: "textareas",
      ...
      setup: function (editor) {
         ...
         editor.setContent('my content');
      }
   });

-> Uncaught TypeError: Cannot read property 'body' of undefined

第二次尝试：

    tinymce.init({
      mode: "textareas",
      ...
    };
    tinymce.get('editor').setContent('my content');

-> 未捕获的类型错误：无法读取 null 的属性“setContent” （但是，如果我在已加载包含 tinymce 编辑器的页面时执行此操作，则它可以工作）。

第三次尝试（SO 12083361 答案）：

$(document).ready(function(){
    tinymce.get('editor').setContent('my content');
});

-> 未捕获的类型错误：无法读取 null 的属性“setContent”

tinymce.activeeditor.setContent('my content'); 也会失败。

我应该将tinymce.get('editor').setContent('my content');放在我的代码中的哪个位置以使其正常工作？

Answer 1

对于版本 4，您应该这样做：

tinymce.init({selector:'textarea'});
tinymce.activeEditor.setContent('custom');

这是fiddle。

Answer 2

我使用了 init_instance_callback，它在编辑器准备好设置内容时触发。

var options = { ... };
options.init_instance_callback = function (editor) {
    editor.setContent(initialContent);
};
$("some-selector").tinymce(options);