Rich Text Editor

Markdown as you type: #, ##, ### for headings, - and 1. for lists, > for a quote, ``` for code, --- for a divider, and **bold**, *italic*, `code`, ~~strike~~ inline. Select text and a small bubble springs to it, gliding as the selection grows: bold, italic, link (with an inline address field) and code. Type / for a block menu that filters as you type and runs on the arrows. Undo and redo cover every change, paste is cleaned down to structure and emphasis (Google Docs’ fake bold included), and a mono footer counts words, characters and reading time.

npx shadcn@latest add @obsyde/rich-text

import { RichTextEditor } from '@/components/obsyde/ember/rich-text/RichTextEditor';

export function Example() {
  return (
    <RichTextEditor />
  );
}