利用wangEditor富文本上传图片及文本并回显

话不多说 直接上代码!!!
html中得先引用wangEditor插件

vue中使用:
1.npm install wangeditor (注意 wangeditor 所有是小写字母)html
2.引入import E from “wangeditor”; //引入富文本插件
或者
直接引用wangEditor的js

//html中
   <div id="editor" v-model="Form.showContent">
   <!-- <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> -->
   </div>

js中先创建富文本

 init() {
   
            const E = window.wangEditor;
            this.editor = new E(document.getElementById('editor'));
            this.editor.customConfig.uploadImgMaxSize = 10 * 1024 * 1024; // 将图片大小限制为 10M
            this.editor.customConfig.uploadImgMaxLength = 1; // 限制一次最多上传 1 张图片
            this.editor.customConfig.showLinkImg = false; 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值