javascript - tinymce setcontent 仅在第二次加载时加载

Question

我有tinymce，它工作正常，但setcontent仅在加载一次后才起作用(它没有内容)，但在关闭并重新打开它后，它就带有内容了。

JS:

  tinymce.remove();
  tinymce.init({ selector: 'textarea' });
  tinyMCE.activeEditor.setContent(r.htmleditorcontent);

首次加载时出错:

TypeError: n.parser is undefined

..."SetContent",t)):("raw"!==t.format&&(e=new s({validate:n.validate},n.schema).ser...

错误仅在第一次加载时发生

Answer 1

如果您想在页面加载时将内容加载到 TinyMCE 中，您可以使用 setContent 函数来执行此操作...但您需要确保在尝试使用setContent()之前TinyMCE已初始化。 。在您的示例中，您调用 init然后立即调用setContent()而不检查编辑器是否已加载。

完成您想要的操作的最佳方法是将加载内容的代码放入 TinyMCE 的配置对象中。例如:

tinymce.init({
  ...
  setup: function (editor) {
    editor.on('init', function () {
        this.setContent("<p>My new content</p>");
    });
  }
  ... 
});

init在编辑器完成初始化之前，函数不会被调用，因此您可以确定在 setContent() 之前一切都已准备就绪。代码被调用。

我还要注意，您的代码使用 tinymce.activeEditor - 返回“当前事件的编辑器实例”。在有人单击编辑器来使用它之前，您没有事件的编辑器实例，因此在代码运行时您可能没有事件的编辑器。使用 init 确保您可以通过 this 定位 TinyMCE 的特定实例。 。