db-quill-vue 支持修改字體行號减响、拖拽/粘貼圖片靖诗、修改圖片大小功能的quill富文本編輯器
【db-quill-vue富文本編輯器】日常開發(fā)工作中經常會用到富文本編輯器,但是ueditor、ckeditor等編輯器雖然功能強大,但是太過于臃腫并且不好集成,所以這里將quill編輯器進行封裝,在滿足日常功能的前提下能夠快速開發(fā)支示。
- 在github中訪問：https://github.com/cgd199158/db-quill-vue
2. 預覽:
demo
在線demo體驗地址： db-quill-vue demo
基本使用
<template>
<DbQuillVue></DbQuillVue>
</template>
<script>
import DbQuillVue from "db-quill-vue";
export default {
name: "App",
components: {
DbQuillVue,
},
methods: {
/**
* 自定義文件是哪個
* @params {Object} {files: '上傳返回的文件'}
* @params {Function} 將圖片插入文本框的方法
*/
imgUploadCallBack(obj, insertImg) {
// upload obj.files
// insertImg(url)
},
},
};
</script>
- 屬性
<p style="color:#007AFF;font-weight:bold">【常規(guī)】配置</p>
| 參數 | 說明 | 類型 | 默認值 | 可選值 |
| :--------------------: | :----------------------------------------------------------: | :------------: | :----: | :----------------------------------------------------------: |
| options | 同quill的配置文件 | Object | |
| imgUploadCallBack | 自定義圖片上傳的回調 | Function | imgUploadCallBack(obj, insertImg) | obj為返回的圖片文件,insertImg(url)便于返回圖片后將圖片插入富文本 |
