Vue中使用富文本编辑器tinymce及遇到的问题

ILY酱油王

于 2019-12-18 17:45:21 发布

阅读量8k

点赞数 2

分类专栏： VUE tinymce 文章标签： vue.js javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_39172079/article/details/103600870

版权

本文介绍了在Vue项目中使用TinyMCE 5作为富文本编辑器的过程，包括安装、代码实现和遇到的问题。在使用中，通过vue-cli安装tinymce-vue包，将中文语言包引入，并在页面上初始化配置。然而，发现当tinymce封装到组件中时，导致在同一应用中仅有一个页面能正常工作。解决办法是确保每个模块独立使用tinymce实例。另外，动态绑定的数据初次加载时未显示，需排除pagebreak插件的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中使用tinymce

项目中使用tinymce

项目中使用tinymce

tinymce富文本编辑器说明及效果示例

TinyMCE 5是一款功能强大且灵活的富文本编辑器，可以嵌入Web应用程序中。
API文档及管网地址:https://www.tiny.cloud/docs/api/tinymce/root_tinymce/
效果如下:
在这里插入图片描述

安装tinymce

vue安装tinymce:
1.在命令行或命令提示符上，安装Vue CLI工具包。

npm install tinymce -S

2.安装tinymce-vue包，并保存到你package.json用–save。

npm install --save @tinymce/tinymce-vue

3.中文语言包下载:

最低0.47元/天解锁文章

评论 7

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。