vue使用tinymce步骤如下

tinymce中文文档
tinymce英文文档
1.下载依赖
cnpm install @tinymce/tinymce-vue --save 版本:2.0.0
cnpm install tinymce --save 版本:5.0.12
2.当下载好插件后,需要到node_modules中找到tinymce文件夹,将里面的skins文件夹复制出来放到vue项目的public/static文件夹中
在这里插入图片描述
3.还需要下载一个语言包,将插件翻译成中文,下载地址如下
https://www.tiny.cloud/get-tiny/language-packages/
找到 zh-CN进行下载,如下
在这里插入图片描述
之后将下载好的语言包,放置在vue的public/static文件夹中,然后在代码中引入进来,我下载的语言包名字是zh-CN的,和其他人的可能不太一样,但最终效果都是一样的,根据文件名称直接引入即可
在这里插入图片描述
4.基本配置如下:
在这里插入图片描述
5.效果图如下:
在这里插入图片描述
tinymce自定义按钮
在这里插入图片描述
tinymce图标地址:
https://www.tiny.cloud/docs/tinymce/6/editor-icon-identifiers/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值