链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

smeditor:基于Vue.js2.0+石墨文档样式的富文本编辑器组件

smeditor是一个基于Vue.js2.0且具有石墨文档样式的富文本编辑器组件。它具有轻量、快速、优雅的特点,大小仅48KB。具有自动添加图片描述框、复制上传、多张批量上传、轻量级备份、恢复、预览等功能,代码精简适合二次开发,可在移动端使用。之前由于其他编辑器存在问题,在后台...

访问官网 →

【Github】项目名:smeditor-基于Vue.js2.0+石墨文档样式的富文本编辑器组件

项目简介

smeditor是一个基于Vue.js2.0且具有石墨文档样式的富文本编辑器组件。它轻量、快速、优雅,大小仅48KB,具备如自动添加图片描述框(类似简书)、支持复制上传和多张批量上传、轻量级备份、恢复、预览等功能,其代码精简,适合二次开发并且可在移动端使用。

项目起因

之前使用的wangEditor不能满足公司编辑和PM需求并且使用中出现很多问题,simditor体验效果不好且不再维护,而目前后台管理系统技术选型已转向Vue,所以开发了这个组件。

使用示例

安装:yarn install smeditor;引入:import SMEditor from’smeditor’,可以全局组件使用(Vue.use(SMEditor))或者局部组件使用(components: {‘smeditor’: SMEditor}),使用方式为,其中config可配置如上传接口地址、form里的filename、上传参数、上传成功和失败的回调等。还有如Ctrl+S保存、Ctrl+P预览(新窗口)等快捷键。可通过npm run dev、npm run build、npm run gp进行本地运行。

项目总结

smeditor是一个功能丰富且实用的富文本编辑器组件,对于有Vue技术选型且需要类似功能的项目来说是个不错的选择。欢迎各位粉丝在评论区留言讨论关于这个项目的任何想法或问题。

项目地址

GitHub链接直达