Install tip tap

Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-03-16 18:20:36 +04:00
parent 09ba7ab5a0
commit a9f4ecacfa
5 changed files with 769 additions and 7 deletions

View File

@@ -0,0 +1,18 @@
import { EditorContent, useEditor } from "@tiptap/react";
import { BubbleMenu, FloatingMenu } from "@tiptap/react/menus";
import { StarterKit } from "@tiptap/starter-kit";
export const RichEditor = () => {
const editor = useEditor({
extensions: [StarterKit], // define your extension array
content: "<p>Hello World!</p>", // initial content
});
return (
<>
<EditorContent editor={editor} />
<FloatingMenu editor={editor}>This is the floating menu</FloatingMenu>
<BubbleMenu editor={editor}>This is the bubble menu</BubbleMenu>
</>
);
};