vue-quill-editor富文本上传
时间: 2023-08-29 11:05:52 浏览: 130
使用vue-quill-editor富文本编辑器进行文件上传的方法是通过重写默认的上传事件,使用element的上传组件来触发文件上传,并将上传后的文件信息存储在云端。然后,将云端的文件地址赋值给quill-editor并传递给后端。
以下是一个可能的示例代码片段:
```javascript
// 在vue-quill-editor插件中重写上传事件
import { quillEditor } from 'vue-quill-editor'
import { Upload } from 'element-ui'
quillEditor.props.modules.toolbar.container<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue-quill-editor 富文本 自定义图片上传操作](https://blog.csdn.net/J_mine/article/details/124068101)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [二开ChatGPT微信小程序源码 AI聊天微信小程序源码 适配H5和WEB端 支持AI聊天次数限制.rar](https://download.csdn.net/download/winkexin/88244216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文