Editor组件 jb-editor
jb-editor
组件是一个富文本编辑器组件,暂不支持markdown语法,基于wangeditor
扩展的。支持图片和视频的自动上传。
Props
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
modelValue | string | '' | 绑定的值 |
placeholder | string | '请输入内容...' | 占位符 |
editorConfig | object | {} | 编辑器配置,参考这里 |
toolbarConfig | object | {} | 工具栏配置,参考这里 |
excludeKeys | string[] | ['sub', 'sup', 'bgColor', 'delIndent', 'enter'] | 禁用的菜单 |
uploadTo | UploadTo | .env-config 中defaultUploadTo 配置项值 | 将图片或者视频上传到哪里 具体说明参考 |
qiniuSn | string | .env-config 中defaultQiniuSn 配置项值 | 七牛上传时,使用哪个配置,具体说明参考 |
videoSavePath | string | video/editor/<br/>{date(yyMMddHHmm)}/<br/>{random(5)}/{ori} | 视频上传到文件服务器的保存路径,路径支持动态生成,通过{}指定规则生成动态值,具体规则说明 |
imgSavePath | string | img/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>