TinyMCE Vue集成自托管

2022-02-27 00:00:00 vue.js npm tinymce

我在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

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

如何解决此问题?谢谢


解决方案

我找到了解决方案

如果Tinymce不在项目中,则Tinymce-VUE包为云加载Tinymce。

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

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

编辑器组件也将可用

相关文章