轻量级富文本编辑器wangEditor结合vue使用方法

pubdreamcc 发布于2019-08-23 12:15 / 3059人阅读

摘要：如果有错误，，可通过下文中的监听函数拿到该错误码进行自定义处理是一个数组，返回若干图片的线上地址图片地址图片地址这些基本就够用了官网也写得很详细滴感谢您看到最后

1、安装

使用npm下载：`npm install wangeditor`

2、创建实例

（1）基本用法：

效果如图

（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地址",
        "……"
    ]
}

这些基本就够用了

官网也写得很详细滴
感谢您看到最后~

GPU云服务器云服务器富文本编辑器富文本web编辑器 php使用文本编辑器富文本

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98207.html

基于 Vue 的移动端富文本编辑器 vue-quill-editor 实战

摘要：优秀的富文本编辑器有很多，比如，等，但并不是每个都能在移动端有很好的表现。是百度的老牌富文本编辑器，但界面有一股上世纪的感觉，官网最新的一条动态停留在。优秀的富文本编辑器有很多，比如：UEditor，wangEditor 等，但并不是每个都能在移动端有很好的表现。我们暂且不讨论移动端是否真的需要富文本，既然有这需求，就把它实现出来。失败的尝试正确的选择是成功的开始，开发之前肯定要做一些...

wing324 2019-05-27 17:41 评论0 收藏0
开发富文本编辑器的一些经验教训

摘要：当然，这只是结合自己项目的工程结构和特点设置的一套使用方式，仅供参考开发富文本编辑器的教训由于项目的时间较紧张，我在页面上应用了框架的背景下，想当然的想要把也应用于富文本编辑器的开发，事实证明这是不太可行的。此文已由作者刘诗川授权网易云社区发布。欢迎访问网易云社区，了解更多网易技术产品运营经验。最近我们的产品有一个需求是要在PC端做一个面向用户的书评编辑器，让用户和编辑在蜗牛读书...

mtunique 2019-06-28 11:04 评论0 收藏0
富文本（wangEditor框架）的使用教程

摘要：富文本的使用教程框架一，相信很多人用过很多富文本的框架，现在我向大家推荐一个很实用的一个富文本框架，具有丰富的功能项，容易使用。富文本的使用教程（wangEditor框架）　　一，相信很多人用过很多富文本的框架，现在我向大家推荐一个很实用的一个富文本框架，具有丰富的功能项，容易使用。　　　　所以本博客介绍这个富文本编辑器的使用哈！觉得写得不错的请点赞哈，有建议欢迎提哈！^V^...

hlcc 2019-04-23 14:47 评论0 收藏0
Web全栈应用之旅-启程篇

摘要：但能拷贝图粘贴后不失真通常是收费富文本编辑器才具备的能力。是否支持编程语言高亮，例如按，语言高亮是否支持数学公式等等因此选择了两款富文本编辑器，支持截屏粘贴，当做跟踪系统时这个功能特别有用。一、Web应用技术栈在开发Web应用时，通常会使用到以下技术栈： showImg(https://segmentfault.com/img/bVbwceG);对应这些技术栈都已有相应的开源产品...

longmon 2019-08-19 10:25 评论0 收藏0
手摸手，带你用vue撸后台系列三(实战篇)

摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台系列一(基础篇)系类文章二：手摸手，带你用vue撸后台系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台系列三(实战篇）系类文章四：手摸手，带你用vue撸后台系列...

Channe 2019-08-20 17:15 评论0 收藏0