fish-bubble-chat-editor - 一个基于React的聊天富文本组件

安装

1 # NPM

2$ npm install fish-bubble-chat-editor

3# Yarn

4$ yarn add fish-bubble-chat-editor

5# pnpm

6$ pnpm install fish-bubble-chat-editor

使用

1// main.tsx
2import "fish-bubble-chat-editor/dist/index.css";

1import FbChatEditor from "fish-bubble-chat-editor";
2
3<FbChatEditor />;

API

Editor props

参数	说明	类型	默认值
placeholder	提示占位符	string	——
className	扩展类名	string	——
toolbarRender	自定义工具栏内容	() => ReactNode	——
onSend	点击发送按钮事件	() => ReactNode	——
onEnterDown	键盘回车事件	Function	——
onChange	输入框内容变化时	Function	——

Editor Methods

名称	说明	类型
getValue	获取输入框值	() => string
setValue	设置输入框值	(val: string) => void
clear	清空输入框值	() => void
focus	获取焦点	() => void
blur	失去焦点	() => void