TipTap React Native Renderer

A React Native renderer for the TipTap editor framework.

Installation

npm install @basicserge/tiptap-react-native-renderer
# or
yarn add @basicserge/tiptap-react-native-renderer

Quick Start

timport { TipTapRenderer, defaultHandlers } from '@basicserge/tiptap-react-native-renderer';

const MyComponent = () => {
  const tipTapData = {
    type: 'doc',
    content: [
      {
        type: 'paragraph',
        content: [
          {
            type: 'text',
            text: 'Hello world!',
            marks: [{ type: 'bold' }]
          }
        ]
      }
    ]
  };

  return (
    <TipTapRenderer
      document={tipTapData}
      handlers={defaultHandlers}
    />
  );
};

Features

🚀 Lightweight - No TipTap dependency 📱 React Native optimized 🎨 Customizable node handlers 📝 TypeScript support 🔗 Link handling ✨ Formatting support (bold, italic, etc.)

License

MIT