You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过CDN在Vue 2项目中集成富文本编辑器?(含Tiptap-Vuetify及TinyMCE集成问题求助)

如何通过CDN在Vue 2项目中集成富文本编辑器?(含Tiptap-Vuetify及TinyMCE集成问题求助)

大家好,我目前正在给我的Vue 2项目添加富文本编辑器,但一直找不到支持CDN安装的合适工具。之前发现Tiptap-Vuetify特别适配我的需求——毕竟我项目本身就用了Vuetify,但翻遍文档尝试后,发现它好像并不支持CDN安装,这让我很头疼。

我已经花了好几个小时折腾各种方案都没成功,想请教各位能不能给我一个这类高级编辑器通过CDN集成的示例?

我之前尝试过TinyMCE,步骤是这样的:

  1. 先引入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" />
  1. 然后在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 07:09:36