vue中富文本编辑器 vue-ueditor-wrap 的使用

最近的vue项目中用到了编辑器,刚开始使用的wangeditor,但后来由于满足不了更多的需求,现换成了百度的UEditor,踩了很多坑,现在记录一下

1.下载UEditor相关静态文件

链接:https://pan.baidu.com/s/15bUMrmCBt8I69P4lzNZtIA
提取码:5ybv

2.修改UEditor目录 并引入项目

顺利解压完之后,将文件直接放到到项目的public文件中。
下载完之后,还会有ueditor.all.js和ueditor.parse.js方便查看源代码(我这里要放到线上,所以就删除了)
在这里插入图片描述

3.将vue-ueditor-wrap引入你要使用的组件中

3.1.下载vue-ueditor-wrap

npm i vue-ueditor-wrap
# 或者
yarn add vue-ueditor-wrap

3.2.引入VueUeditorWrap组件

import VueUeditorWrap from 'vue-ueditor-wrap' // ES6 Module
// 或者
const VueUeditorWrap = require('vue-ueditor-wrap') // CommonJS

3.3.注册组件

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值