rte-react

v0.1.5

Built on Tiptap/ProseMirror under the hood, rte-react drops in as a single <RichEditor /> component with HTML, Markdown, or JSON output, a toolbar you control tool-by-tool, and a live font picker - without wiring up the editor core yourself.

$npm install rte-reactnpm github

+HTML, Markdown, or JSON output via a single outputFormat prop
+Configurable toolbar - choose exactly which tools render, and in what order
+Live font family & size pickers, each option previewed in its own font
+Fully typed props and exports (RichEditorProps, ToolbarTool, JSONContent...)

// usage

App.tsx

import { RichEditor } from 'rte-react';
import 'rte-react/styles';
 
function App() {
  const [content, setContent] = useState('<p>Hello world</p>');
 
  return (
    <RichEditor
      value={content}
      onChange={setContent}
      placeholder="Start typing..."
      toolbar={['bold', 'italic', 'underline', 'divider', 'bulletList', 'link']}
    />
  );
}

// result

preview - try typing