這次帶給大家一個用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)
}
}相信以上案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上是一個用Vue.js 2.0+做出的石墨文檔樣式的富文本編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章！
