javascript - 执行 setContent 时 TinyMce 失败

Question

我正在尝试使用 tinymce 4.7.1(从我的旧版 tinymce 4.3.1 升级而来)。当我尝试通过调用方法 setContent 以编程方式设置 tinymce 的内容时，它抛出以下错误:

Cannot read property 'parse' of undefined TypeError: Cannot read property 'parse' of undefined

在查看了错误的详细信息之后，我意识到 tinymce 期望在它的 tinymce.dom 中有序列化的类，并且在没有这个类的情况下它无法解析因此这个错误。

这是来自 tinymce 的片段

else {
          // Parse and serialize the html
          if (args.format !== 'raw') {
            content = new Serializer({
              validate: self.validate
            }, self.schema).serialize(
              self.parser.parse(content, { isRootContent: true }) //this line is throwing error
              );
          }

与以前的版本(对我来说很好用，版本 4.3.1)相比，对序列化类没有这种依赖性。

有人可以建议我是否必须添加更多插件或类(默认包中未提供)以使我的代码正常工作吗？

我的观察:在一个孤立的原型(prototype)示例中，当我运行托管在云上的 tinymce 时，它​​运行良好。

Answer 1

能否请您展示一些运行代码，说明您如何使用 setContent()？我怀疑您正试图在编辑器完全初始化之前调用它，因为 init() 方法是异步的。

确保等待编辑器完全初始化的最简单方法是依赖编辑器提供的 init 事件:

tinymce.init({
  selector: '#myTextarea',
  ...
  ...
  setup: function (editor) {
    editor.on('init', function () {
      editor.setContent('Using the on init stuff!');
    });
  }
});