TinyMCE Vue集成SelfHosted

Question

我在Vue项目中集成TinyMCE时遇到了一个问题。TinyMCE官方Vue.js组件(tinymce-vue)可以工作，但只是一个通过CDN请求源码的网关。

我想有一个自我托管的版本，但在任何情况下都不会直接下载源代码。通过npm的tinymce包与Vue的接口不正确。

import tinymce from "tinymce/tinymce";

tinymce.init({ selector: "textarea"});抛出一个错误：

Uncaught SyntaxError: expected expression, got '<' theme.js:1

我在模板中有一个文本区域

我如何解决这个问题？谢谢

Answer 1

我找到了解决方案

如果tinymce没有包含在项目中，那么Tinymce-vue包就会加载tinymce forom cloud。

import "tinymce/tinymce";
import "tinymce/themes/silver";
import "tinymce/icons/default";
import "tinymce/skins/ui/oxide/skin.css";

import Editor from "@tinymce/tinymce-vue";

编辑器组件也将可用