博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
轻量级富文本编辑器wangEditor结合vue使用方法
阅读量:7126 次
发布时间:2019-06-28

本文共 591 字,大约阅读时间需要 1 分钟。

1、安装

使用npm下载:`npm install wangeditor`

2、 创建实例

(1)基本用法:

效果如图

clipboard.png


(2)自定义高度写法如下:把菜单和编辑框分开

3、上传图片

(1)editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片(2)editor.customConfig.uploadImgServer = '/upload' // 上传服务器端地址/upload是上传图片的服务器端接口,接口返回的数据格式如下(固定的,否则会取不到图片地址!!!):
{    // errno 即错误代码,0 表示没有错误。    //       如果有错误,errno != 0,可通过下文中的监听函数 fail 拿到该错误码进行自定义处理    "errno": 0,    // data 是一个数组,返回若干图片的线上地址    "data": [        "图片1地址",        "图片2地址",        "……"    ]}

这些基本就够用了图片描述

官网也写得很详细滴

感谢您看到最后~

转载地址:http://fpeel.baihongyu.com/

你可能感兴趣的文章
ListView Adapter常见问题
查看>>
中继链路
查看>>
chrome gyp
查看>>
与小雷粉-半初夏的聊天感悟
查看>>
号外:小雷将开发一款Java版的简易CMS系统
查看>>
Using ADSI Edit to Resolve Conflicting or Duplicate AD Integrated DNS zones
查看>>
用Eclipse搭建C/C++开发环境
查看>>
linux 一些好用的软件
查看>>
xls 扩展名与格式不一致
查看>>
kernel-devel安装
查看>>
centos6.4搭建rsyslog日志服务器和loganalyzer 日志分析工具
查看>>
线上MYSQL同步报错故障处理总结 实现同步不一致进行邮件报警
查看>>
powershell 跑EAC命令使用resultsize unlimited出错解决方法
查看>>
从文件中读取数据乱码
查看>>
[ganglia]关于无法显示监控画面的一种莫名的解决办法
查看>>
稀疏矩阵的压缩存储及转置
查看>>
MicroPython实例之TPYBoard v102炫彩跑马灯WS2812B
查看>>
机器能听懂人类歌声吗
查看>>
python随笔系列--global和nonlocal关键字
查看>>
Netstat 连接状态记录
查看>>