跳转到内容
搜索文档

RtkTextComposerView

最后更新 查看 MarkdownAgent 设置

用于渲染文本撰写器(text composer)的组件。

属性

属性 类型 必填 默认值 描述
disabled boolean ✅ - 禁用文本输入(默认值 = false)
iconPack IconPack1 ❌ defaultIconPack 图标包
keyDownHandler (e: KeyboardEvent) ✅ - Keydown 事件处理函数
maxLength number ✅ - 文本输入的最大长度
placeholder string ✅ - 占位符文本
rateLimitBreached boolean ✅ - 表示是否超出速率限制的布尔值
setText (text: string, focus?: boolean) ❌ - 设置文本输入的值
t RtkI18n1 ❌ useLanguage() 语言
value string ✅ - 文本输入的默认值

使用示例

基本用法

import { RtkTextComposerView } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkTextComposerView />;
}

带属性的用法

import { RtkTextComposerView } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkTextComposerView
      disabled={true}
      keyDownHandler={(e: keyboardevent)}
      maxLength={42}
    />
  );
}

这篇文档对您有帮助吗?