这次给大家带来一个用vue.js 2.0+做出的石墨文档样式的富文本编辑器，用vue.js 2.0+做石墨文档样式的富文本编辑器的注意事项有哪些，下面就是实战案例，一起来看一下。
之前一直使用的wangeditor 不能满足我司编辑和pm需求, 使用过程中也出了很多问题, simditor 体验之后效果不是很好, 并且也不维护了; 目前的 后台管理系统 技术选型已经转向了 vue, 所以就有了这个轮子;
功能
1.轻, 快 48 kb
2.自动添加图片描述框 (类似简书)
3.复制上传, 多张批量上传
4.轻量级备份, 恢复, 预览
5.代码精简, 适合二次开发
6.其他编辑器有的功能
7.移动端
使用
// 安装npm install smeditor// 引入import smeditor from 'smeditor'// 全局组件vue.use(smeditor)// 局部组件components: { 'smeditor': smeditor
}// 使用<smeditor :config='config'></smeditor>
配置
const config = { //
接口
地址
uploadurl: '', // form 里的 filename
uploadname: '', // 其他参数
uploadparams: {}, // 上传成功回调
uploadcallback: (data) => { console.log(data) return 'blob:
https://
fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f'
}, // 上传失败回调, 可选
uploadfailed: (err) => { console.log(err)
}
}
相信以上案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
node.js的path模块详解
用video.js实现h5直播界面
以上就是一个用vue.js 2.0+做出的石墨文档样式的富文本编辑器的详细内容。