tentap-editor

What problem does it solve?

TenTap Editor provides a production-ready, typed bridge between React Native apps and a web-based rich text editor, enabling native-like editing experiences with advanced formatting, theming, and real-time customization without building a full editor from scratch.

Core Features & Use Cases

• Type-safe bridge between React Native and TipTap-based editor via EditorBridge and BridgeExtensions.
• WebView-based rich text editing with formatting, lists, headings, images, links, and code blocks.
• Theming and CSS customization including dark mode, custom fonts, and dynamic CSS injection.
• Use cases include note-taking apps, diaries or journals, chat compositions, CMS mobile UIs, and blog posts that require rich formatting.

Quick Start

• Install TenTap Editor in your RN project by adding @10play/tentap-editor and react-native-webview, then install dependencies.
• Initialize: import { useEditorBridge, RichText, Toolbar } from '@10play/tentap-editor'; const editor = useEditorBridge();
• Render: wrap RichText in a WebView with a Toolbar; see the repository examples for full patterns.