Replace Textarea + Edit/Preview tabs with a reusable WYSIWYG editor based on Tiptap v3. Integrated into TaskDetailDialog for editing task descriptions with native markdown I/O. Components: - TiptapEditor: main component with EditorContext.Provider pattern - TiptapToolbar: configurable toolbar with useEditorState for v3 reactivity - TiptapBubbleMenu: floating formatting menu on text selection - useTiptapEditor: core hook with markdown I/O, content sync, stale closure prevention - presets: full/compact/minimal editor configurations - tiptapStyles.css: ProseMirror styles matching MarkdownViewer values Key details: - Data format stays markdown string (not HTML) - contentType: 'markdown' for both init and setContent - GFM enabled via markedOptions - ProseMirror li>p margin fix, nested list styles, gapcursor |
||
|---|---|---|
| .. | ||
| api | ||
| components | ||
| constants | ||
| contexts | ||
| hooks | ||
| lib | ||
| services | ||
| store | ||
| types | ||
| utils | ||
| App.tsx | ||
| favicon.png | ||
| index.css | ||
| index.html | ||
| main.tsx | ||
| vite-env.d.ts | ||