1.0.5 • Published 5 years ago
@mailzwj/r-editor v1.0.5
REACT消息编辑器
预览
安装
npm install --save @mailzwj/r-editor
使用方法
- ES6 Module
import REditor from '@mailzwj/r-editor';
<REditor
value="Enter键换行,Ctrl/Command+Enter键获取内容"
mentionList={mentionList}
finishKey="CtrlOrCmd+Enter"
onFinish={this.getEditorContent} />
props
value<String>
: 编辑器初始化默认内容mentionList<Array>
: 提到联系人列表,不传则不启用提到功能。元素为包含pin
和nickName
字段的对象,详见demofinishKey<String>
: 触发输入完成的快捷键:Enter
/Ctrl+Enter
/Cmd+Enter
/CtrlOrCmd+Enter
,默认Enter
onFinish<Function>
: 接收编辑器中内容的函数,触发finishKey
的时候调用emojiList<Array>
: 自定义表情列表,不传则使用默认表情。元素为包含title
、title_cn
、url
的对象,详见demo
实例方法
getHtml()
: 返回编辑器内部的HTML代码getJson()
: 以JSON格式返回编辑器内部的数据,rows
数组存储每行的数据
功能列表
- 文本输入
- 表情输入
- 粘贴内容(内容去格式)
- 粘贴图片文件
- 粘贴截图
- 点选图片或提到块
- 查看大图(双击编辑器中的图片)
- 提到组件自定义
- 表情组件自定义
- 序列化内容
- 其他