skills.rest
bidah
bidahCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

rich-text

Implement rich text editing with react-native-enriched components in React Native.

28|1|Updated Apr 8, 2026
Search Tags:#links#react-native#rich-text#mentions#enrichedtextinput#inline-formatting#mobile-editor
One-click install
npx skills add https://github.com/bidah/react-native-hifi --skill rich-text
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rich-text
Source: https://github.com/bidah/react-native-hifi/tree/main/skills/software-mansion-best-practices/rich-text
Command: npx skills add https://github.com/bidah/react-native-hifi --skill rich-text

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rich text editors in React Native demand consistent inline styles, mentions, and block formatting but the base text input lacks these capabilities. This skill shares Software Mansion's patterns for using react-native-enriched to keep formatting reliable across platforms.

Core Features & Use Cases

  • Inline styling controls for bold, italic, underline, strikethrough, and inline code toggles managed through EnrichedTextInput state.
  • Block formatting and structured content with headings, quotes, lists, and checkbox support for mobile productivity editors.
  • Mentions, links, and images handling that keeps rich text content reliable in notes or messaging experiences.

Quick Start

Add EnrichedTextInput from react-native-enriched to your editor screen and wire its ref-based commands to toolbar buttons to toggle formatting.

Frequently Asked Questions about rich-text

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add inline formatting to a React Native text input?▼

You can implement rich text editing in React Native by integrating EnrichedTextInput to manage inline styling states like bold and italic, wire toolbar toggles to ref-based commands, and maintain consistent formatting across platforms.

Can I build mentions and links in a React Native mobile editor?▼

Yes, you can build mentions and links in a React Native mobile editor by using react-native-enriched patterns. This handles mention and link data wiring directly within the EnrichedTextInput, keeping rich text content reliable in notes or messaging experiences.

Does react-native-enriched support block formatting like lists and headings?▼

Yes, react-native-enriched supports block formatting for structured content including headings, quotes, lists, and checkboxes. This makes it suitable for building mobile productivity editors requiring complex document structures.

What's the best way to structure a rich text editor toolbar in React Native?▼

The best way to structure a rich text editor toolbar in React Native is to wire EnrichedTextInput ref-based commands directly to toolbar buttons. This approach manages inline styling toggles and block formatting commands cleanly within the editor screen.

Why does rich text formatting break across platforms in React Native?▼

Rich text formatting often breaks across platforms in React Native because the base text input lacks consistent inline styling capabilities. Using react-native-enriched patterns resolves this by managing EnrichedTextInput styling state reliably across native platforms.

Related Skills

Explore More Software Engineering Skills→
carlos3gcarlos3g
2

rich-text

Render Markdown content and edit rich text in React Native apps.

Community
Advanced
I-OnlabsI-Onlabs
3

extract-from-pdfs

Extract structured data from scientific PDFs into analysis-ready formats.

Community
Advanced
LutimiLutimi

ckm:ui-styling

Integrate shadcn/ui, Radix primitives, and Tailwind CSS into React interfaces.

Community
Advanced
software-mansion-labssoftware-mansion-labs
265

rich-text

Implement rich text editing and Markdown rendering in React Native.

Official
Intermediate