Wondering what’s next for npm?Check out our public roadmap! »

    smeditor

    0.1.19 • Public • Published

    SMEditor

    Build Status Code Climate JavaScript Style Guide Downloads license

    ✎ 基于 Vue.js 2.0+ 石墨文档样式的富文本编辑器, 轻量, 快速, 优雅

    在线预览: https://ericjj.com/smeditor.github.io/

    反馈: https://github.com/ericjjj/smeditor/issues

    联系: github@ericjj.com

    关于作者: https://ericjj.com/about/

    起因

    之前一直使用的 wangEditor 不能满足我司编辑和PM需求, 使用过程中也出了很多问题,   simditor 体验之后效果不是很好, 并且也不维护了; 目前的后台管理系统技术选型已经转向了 Vue, 所以就有了这个轮子;

    功能

    • 轻, 快 48 KB
    • 自动添加图片描述框 (类似简书)
    • 复制上传, 多张批量上传
    • 轻量级备份, 恢复, 预览
    • 代码精简, 适合二次开发
    • 其他编辑器有的功能
    • 移动端

    使用

    // 安装
    yarn 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
    
    npm run gp
    

    打赏

    如果你感觉有收获,欢迎给我打赏 ———— 以激励我更多输出优质开源内容

    Keywords

    none

    Install

    npm i smeditor

    DownloadsWeekly Downloads

    132

    Version

    0.1.19

    License

    none

    Unpacked Size

    444 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar