【免费下载链接】enriched-markdownMultiplatform Markdown-Based Rich Text Solution项目地址https://gitcode.com/gh_mirrors/re/enriched-markdown点击查看免费下载Enriched Markdown是一个跨平台的 Markdown 富文本解决方案Multiplatform Markdown-Based Rich Text Solution它最核心的组件EnrichedMarkdownText能把一段普通 Markdown 字符串直接渲染成原生文本——没有 WebView没有第三方渲染库。标题、表格、代码块、任务列表、LaTeX 公式……所有 Markdown 元素都能通过这一个组件呈现出来同时保留原生文本的划选、无障碍读屏和字体缩放能力。为什么需要 MarkdownText告别 WebView 渲染在移动端展示 Markdown传统做法通常是用WebView加载 HTML——体积大、启动慢、样式和系统字体割裂用纯 JS 解析器生成 HTML 再转 DOM——性能差、无法划选、无障碍支持弱。EnrichedMarkdownText走的是完全不同的路线用 md4c 解析器C 实现把 Markdown 解析成 AST交给平台原生文本栈绘制——iOS 上是TextKitAndroid 上是TextView图片、表格、代码块等块级元素以原生附件attachment形式嵌入文本流。因此渲染结果是真·原生文本系统级划选菜单、VoiceOver/TalkBack 读屏、动态字体缩放全部天然可用。一个组件能渲染哪些元素EnrichedMarkdownText支持的元素覆盖日常文档场景。完整清单见元素结构参考docs/docs/react-native/api-reference/element-structure.md。块级元素标题、段落、表格#到######六级标题、段落、引用、分隔线、图片以及 GitHub 风格的表格都可以直接渲染代码块带语法高亮和复制按钮围栏代码块被渲染成独立块组件语言标题、一键复制按钮、基于 tree-sitter 的原生语法高亮任务列表可交互的复选框在flavorgithub下- [x]任务项会渲染成可点击切换的复选框并通过onTaskListItemPress回调通知你的 AppLaTeX 公式行内与块级都支持$...$行内公式与$$...$$块级公式开箱即用原生端由 RaTeX 驱动Web 端由 KaTeX 驱动无需任何额外配置flavor 与 md4cFlags两个关键开关开关作用默认值flavorcommonmark整篇渲染为单个文本视图更快github启用 GFM 扩展表格、删除线、任务列表、Admonition 提示框等commonmarkmd4cFlags逐个开关额外行内语法下划线、上下标、高亮、LaTeX、换行处理、提示框LaTeX 与提示框默认开启简单理解想要 GitHub 完整体验就传flavorgithub想保持极致性能就用默认的 CommonMark 模式。更多语法细节见 docs/docs/introduction/core-concepts.md。常用 Props 速查Prop说明markdown要渲染的 Markdown 字符串markdownStyle按元素精细控制样式标题、链接、代码……全部可定制完整列表见样式属性参考containerStyle控制组件外层容器的布局与外观onLinkPress链接点击回调拿到event.urlonImagePress图片点击回调常用于打开全屏预览selectable是否允许划选文本streamingAnimation流式追加内容时淡入新内容专为 AI/LLM 对话场景设计numberOfLines/ellipsizeMode限制行数并省略适合聊天列表预览allowFontScaling是否跟随系统字体大小无障碍设置三端快速上手React Nativenpm 包react-native-enriched-markdownimport { EnrichedMarkdownText } from react-native-enriched-markdown; EnrichedMarkdownText markdown{# Hello\n\nThis is **enriched** [markdown](https://commonmark.org).} onLinkPress{({ url }) Linking.openURL(url)} /AndroidKotlin 独立 SDKCompose 组件EnrichedMarkdownText( markdown # Hello\n\nThis is **enriched**., onLinkClick { url - /* 打开链接 */ }, )iOSSwift 独立 SDKEnrichedMarkdownText(# Hello\n\nThis is **enriched**.) .onLinkPress { url in UIApplication.shared.open(url) }三端共享同一套 C 解析内核因此 Markdown 语法支持完全一致。组件源码在哪里看React Native 端原生组件封装packages/react-native-enriched-markdown/src/EnrichedMarkdownTextNativeComponent.tsAndroid 端 Compose 实现packages/enriched-markdown-android/compose/src/main/java/com/swmansion/enriched/markdown/compose/EnrichedMarkdownText.ktiOS 端 SwiftUI 实现packages/enriched-markdown-ios/Sources/EnrichedMarkdown/Views/EnrichedMarkdownText.swift组件完整 API 文档含每个 Prop 的示例docs/docs/react-native/api-reference/enriched-markdown-text.md纯文本版组件文档docs-md/TEXT.md小结EnrichedMarkdownText的思路很直接用原生文本栈画 Markdown。一个组件就覆盖了标题、表格、代码块、任务列表、公式等完整 Markdown 元素通过flavor和md4cFlags两个开关即可在性能与功能间自由取舍而markdownStyle让你把渲染结果调成任意品牌风格。对于需要在 iOS、Android、macOS 甚至 Web 上展示一致富文本的 App 来说这是一个值得优先考虑的 Markdown 渲染方案。赞分享【免费下载链接】enriched-markdownMultiplatform Markdown-Based Rich Text Solution项目地址https://gitcode.com/gh_mirrors/re/enriched-markdown点击查看免费下载相关推荐告别复杂富文本Flutter Go如何用Markdown轻松展示组件文档告别复杂富文本Flutter Go如何用Markdown轻松展示组件文档 Flutter开发者是否还在为富文本展示烦恼作为包含140组件演示的学习工具F移动开发Coco AI Markdown富文本渲染组件深度解析Coco AI Markdown富文本渲染组件深度解析 引言AI对话中的富文本渲染挑战 在现代AI助手应用中如何优雅地呈现复杂的格式化内容是一个关键技术挑AI 应用交互助手前端桌面应用搜索引擎wxParse 微信小程序富文本解析组件使用指南HTML 与 Markdown 转 wxml 的完整实战wxParse 微信小程序富文本解析组件使用指南HTML 与 Markdown 转 wxml 的完整实战 wxParse 是一个面向微信小程序的富文本解析自定小程序移动开发富文本前端创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考