SMEditor
✎ 基于 Vue.js 2.0+ 石墨文档样式的富文本编辑器, 轻量, 快速, 优雅
起因
之前一直使用的 wangEditor 不能满足我司编辑和PM需求, 使用过程中也出了很多问题, simditor 体验之后效果不是很好, 并且也不维护了; 目前的我司的极客公园后台管理系统技术选型已经转向了 Vue, 所以就有了这个轮子;
功能
- [x] 轻, 快 48 KB
- [x] 自动添加图片描述框 (类似简书)
- [x] 复制上传, 多张批量上传
- [x] 轻量级备份, 恢复, 预览
- [x] 代码精简, 适合二次开发
- [x] 其他编辑器有的功能
- [ ] 移动端
使用
// 安装
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)
}
}
快捷键
Ctrl + S 保存
Ctrl + P 预览(新窗口)
本地运行
npm run dev
npm run build
打赏
如果你感觉有收获,欢迎给我打赏 ———— 以激励我更多输出优质开源内容
今天的文章开源一个 Vue.js 2.0+ 石墨文档样式的富文本编辑器分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/20018.html