更新记录

2.1.0（2021-05-27）

修复因为uni-popup组件升级导致的popup组件报错的问题

2.0.0（2021-02-08）

迁移至uni_modules

1.1.6（2021-02-08）

修复官方样式cdn禁止访问导致的图标无法显示

因对官方库进行了修改,故更新uni官方组件库或导致错误,可手动修改以来组件名称来解决

查看更多

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × √ × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ ×

富文本编辑器插件

uniapp 富文本编辑器插件

兼容性

微信小程序 H5 APP
√ √ x

App键盘弹出界面高度未解决

使用方式

无需引入,直接使用

在 `template` 中使用组件
```html
<robin-editor class="editor" 
    @cancel="hideEditor" 
    @save="saveEditor" 
    v-model="html"
    :imageUploader="uploadImg" 
    :muiltImage="true">
</robin-editor>

Demo

https://github.com/health901/uniapp-editor-demo

属性说明

属性 类型 默认值 说明
v-model String 富文本,双向绑定
imageUploader function(img,callback) 上传图片处理函数 接受参数 img:本地图片地址,callback:上传成功回调传入图片链接
muiltImage Boolean false 是否支持多图上传
compressImage Boolean true 图片上传是否压缩
previewMode Boolean false 预览模式,不可编辑
autoHideToolbar Boolean false 失去焦点时自动隐藏工具栏
tools Array ['bold', 'italic', 'underline', 'strike', 'align-left', 'align-center', 'align-right', 'remove', 'font', 'color', 'backgroundColor','image', 'clear', 'preview'] 工具栏

工具栏

名称 值
加粗 bold
斜体 italic
下划线 underline
删除线 strike
右对齐 align-left
居中 align-center
左对齐 align-right
清除格式 remove
字体大小 font
字体颜色 color
背景色 backgroundColor
插入图片 image
清空 clear
预览 preview
插入日期 date
列表 list-check,list-ordered,list-bullet
上下标 sub,super
撤销,恢复撤销 undo,redo
缩进 indent,outdent
分割线 divider
标题 h1,h2,h3,h4,h5,h6
书写方向 rtl

事件说明

事件 说明 参数
cancel 点击取消按钮
save 点击保存按钮 e={html,text,delta}

依赖

组件 链接 备注
颜色选择器ColorPicker[1] https://ext.dcloud.net.cn/plugin?id=1237 字体颜色,背景色

注

  1. 修改:添加按钮,支持预设颜色值

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...