TinyMCE Vue集成自托管

TinyMCE Vue Integration SelfHosted(TinyMCE Vue集成自托管)
本文介绍了TinyMCE Vue集成自托管的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

编辑器组件也将可用

这篇关于TinyMCE Vue集成自托管的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

initialising a global mixin in weex我使用 weex create awesome-project 初始化了一个 weex 和 vue 应用程序。在 entry.js 文件中,我试图注册一个全局 mix...
Correctly setup Eslint Airbnb with VScode in Vue project这是我没有 linting 的 Vuejs 代码。在我运行 之后 npm run lint --fix代码是这样的但我再次做...
TypeError: Cannot read property 'get' of undefined, Axios, Vue.JS尝试使用 axios 从 api 访问获取请求时,我从 Vue 收到这个奇怪的错误,我收到 TypeErro...
How to call a vue.js function on page load我有一个帮助过滤数据的功能。当用户更改选择时,我正在使用 v-on:change 但我还需要在用户选择数据之前调用该函...
How can I call method in the component from view? (vue.js 2)我的看法是这样的:[cc lang=javascript] England ...
Passing Data between react components(在Reaction组件之间传递数据)