LogoClawIndex
案例技能关于
LogoClawIndex

rich-text - 在 React Native 中构建富文本编辑器与渲染器

应用 Software Mansion 的实践,在 React Native 中编辑和渲染 HTML 与 Markdown 富文本。

标签

更新于: 2026-10-15
React Native富文本HTMLMarkdown文本编辑器文本渲染

能力

选择 HTML 或 Markdown配置富文本输入组件应用行内格式应用段落格式

典型输入

React Native 项目内容格式HTML 或 Markdown 内容

典型输出

格式化富文本渲染后的富文本序列化 HTML

该技能可以做什么

  • 选择 HTML 或 Markdown
  • 配置富文本输入组件
  • 应用行内格式
  • 应用段落格式
  • 检测当前文本样式
  • 获取序列化 HTML
  • 设置编辑器内容
  • 配置文本快捷方式
  • 添加上下文菜单项
  • 渲染富文本内容

输入

  • React Native 项目
  • 内容格式
  • HTML 或 Markdown 内容
  • 编辑器配置
  • 文本选区

输出

  • 格式化富文本
  • 渲染后的富文本
  • 序列化 HTML
  • 样式状态变化
  • 上下文菜单操作

要求

  • React Native 新架构
  • Fabric 支持
  • react-native-enriched-html 或 react-native-enriched-markdown
  • 受支持的原生平台
  • 在 Expo Go 之外执行 Expo prebuild

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。