0.0.5 • Published 1 month ago
安装
# NPM
$ npm install fish-bubble-chat-editor
# Yarn
$ yarn add fish-bubble-chat-editor
# pnpm
$ pnpm install fish-bubble-chat-editor
使用
// main.tsx
import "fish-bubble-chat-editor/dist/index.css";
import FbChatEditor from "fish-bubble-chat-editor";
<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 |