Skip to content

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 }) 错误信息和文件对象