TinyMce富文本处理器 在Vue3 vue-vite中使用(小白避坑 必看)

本文介绍了如何在Vue项目中集成TinyMCE富文本编辑器,包括针对Vue2和Vue3的不同安装步骤,以及编辑器的本地化、组件创建、配置和使用各种插件的详细过程。

 (文章实时维护中,大家有问题直接问 )

最新更新时间: 2024-05-31

gitee. base project demo

我是觉得吧 tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂

经典模式 |TinyMCE中文文档中文手册 (ax-z.cn)

  • 首先安装依赖:

这里先声明一下:TinyMce在4.0以后就不支持Vue2.0了, 所以我们需要固定版本,或者降低版本!否则会报错

vue3的下载命令如下

$ npm install @tinymce/tinymce-vue -S
$ npm install tinymce -S 

vue2的下载命令如下

$ npm install tinymce@5.1.0 -S
$ npm install @tinymce/tinymce-vue@3.0.1 -S

编辑器本身是英文编辑器,所以还需要下载本地化文件(下载这个)语言包 |可信富文本编辑器 |TinyMCE

我们下一步 要在public下面创建一个"tinymce"目录如下

node_modules找到"tinymce"依赖下的"skins",将其拷贝到public

评论 84
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蓝斑.json

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值