Editor 富文本编辑器
富文本编辑器是一种用于编辑和格式化文本的工具。
基础用法
最简单的用法,通过 v-model 绑定内容,通过 height 属性设置编辑器高度。
图片上传
可以通过 uploadConfig 属性来指定图片上传的配置。uploadConfig 是一个对象,包含以下属性:server: 上传图片的服务器地址,headers: 上传图片时的请求头,fieldName: 上传图片时的字段名,meta: 上传图片时的额外参数,maxNumberOfFiles: 上传图片的最大数量,withCredentials: 跨域是否传递 cookie。
视频上传
相关配置同图片上传。
Editor 事件列表
好的,我来帮你将编辑器组件的事件整理成表格:
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| onCreated | 编辑器创建完成时触发 | (editor: Editor) 编辑器实例 |
| onChange | 编辑器内容变化时触发 | (editor: Editor) 编辑器实例 |
| onDestroyed | 编辑器销毁时触发 | (editor: Editor) 编辑器实例 |
| onFocus | 编辑器获得焦点时触发 | (editor: Editor) 编辑器实例 |
| onBlur | 编辑器失去焦点时触发 | (editor: Editor) 编辑器实例 |
| customAlert | 自定义提示时触发 | (info: string, type: string) 提示信息和类型 |
| customPaste | 自定义粘贴处理时触发 | (editor: Editor, event: ClipboardEvent, callback: Function) |
| insert | 插入图片或视频时触发 | (result: object) 上传接口返回的结果 |
| beforeUpload | 上传文件前触发 | (file: File) 待上传的文件对象 |
| progress | 上传进度变化时触发 | (progress: object) 上传进度信息 |
| error | 上传失败时触发 | ({ err: Error, file: File }) 错误信息和文件对象 |