Skip to content

Editor组件 jb-editor

jb-editor组件是一个富文本编辑器组件,暂不支持markdown语法,基于wangeditor扩展的。支持图片和视频的自动上传。

头像

Props

名称类型默认值说明
modelValuestring''绑定的值
placeholderstring'请输入内容...'占位符
editorConfigobject{}编辑器配置,参考这里
toolbarConfigobject{}工具栏配置,参考这里
excludeKeysstring[]['sub', 'sup', 'bgColor', 'delIndent', 'enter']禁用的菜单
uploadToUploadTo.env-configdefaultUploadTo配置项值将图片或者视频上传到哪里 具体说明参考
qiniuSnstring.env-configdefaultQiniuSn配置项值七牛上传时,使用哪个配置,具体说明参考
videoSavePathstringvideo/editor/<br/>{date(yyMMddHHmm)}/<br/>{random(5)}/{ori}视频上传到文件服务器的保存路径,路径支持动态生成,通过{}指定规则生成动态值,具体规则说明
imgSavePathstringimg/editor/<br/>{date(yyMMddHHmm)}/<br/>{random(5)}/{ori}图片上传到文件服务器的保存路径,路径支持动态生成,通过{}指定规则生成动态值,具体规则说明

示例

最简单的用法

vue
<jb-editor v-model="form.content" class="h-400px"></jb-editor>
<jb-editor v-model="form.content" class="h-400px"></jb-editor>