vue.js - 带有 Vue 3 配置的 TinyMCE

Question

我正在尝试在 VueJS 中使用 tinyMCE。在许多示例中，我看到在脚本标签中使用 tinymce.init()：

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

然而，当我查看 TinyMCE Vue 集成文档时，我看到 init 直接在 HTML 中完成：

<div>
<editor
   id="editor"
   api-key="no-api-key"
   :init="{
      height: 500,
      plugins: [
         ...
      ],
      toolbar: '...'
  }"
/>
</div>

WYSIWYG 为我正确初始化了 init 在 HTML 部分中完成，但是有许多实例需要在 init 中执行函数（参见第一个代码块）以加载初始内容或处理图像上传等。这不是在<editor/>标签内完成 init 工作。

在<editor/>标签内完成初始化的 VueJS 中，如何添加在第一个代码块中看到的“设置”功能？

标签： vue.jstinymce