如何通过CDN在Vue 2项目中集成富文本编辑器?(含Tiptap-Vuetify及TinyMCE集成问题求助)
如何通过CDN在Vue 2项目中集成富文本编辑器?(含Tiptap-Vuetify及TinyMCE集成问题求助)
大家好,我目前正在给我的Vue 2项目添加富文本编辑器,但一直找不到支持CDN安装的合适工具。之前发现Tiptap-Vuetify特别适配我的需求——毕竟我项目本身就用了Vuetify,但翻遍文档尝试后,发现它好像并不支持CDN安装,这让我很头疼。
我已经花了好几个小时折腾各种方案都没成功,想请教各位能不能给我一个这类高级编辑器通过CDN集成的示例?
我之前尝试过TinyMCE,步骤是这样的:
- 先引入CDN的脚本和样式:
<script src="https://cdn.jsdelivr.net/npm/tinymce-vue@1.0.0/dist/tinymce-vue.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/tinymce-vue@1.0.0/dist/tinymce-vue.min.css" rel="stylesheet" />
- 然后在Vue组件里尝试使用:
<editor api-key="no-api-key" :init="{plugins: 'lists link image table code help wordcount'}" />
但这样操作后完全没有效果,编辑器根本不渲染出来,实在不知道问题出在哪了。
希望有经验的朋友能帮忙指点一下,不管是Tiptap-Vuetify的CDN集成方法,还是其他适合Vue 2的富文本编辑器CDN方案都可以,万分感谢!
备注:内容来源于stack exchange,提问作者Qiuzman
相关产品推荐
相关产品推荐

