Skip to content

Replace textarea with CodeMirror 6 live markdown editor#31

Open
anscg wants to merge 1 commit intohackclub:mainfrom
anscg:codemirror-markdown-editor
Open

Replace textarea with CodeMirror 6 live markdown editor#31
anscg wants to merge 1 commit intohackclub:mainfrom
anscg:codemirror-markdown-editor

Conversation

@anscg
Copy link
Copy Markdown
Contributor

@anscg anscg commented Mar 28, 2026

Summary

  • Adds a CodeMirrorEditor component with Obsidian-style live markdown decorations (bold, italic, headings, code, links, images, blockquotes, strikethrough) with faded syntax markers
  • Rewrites MarkdownEditor to use CodeMirror instead of a plain <textarea>
  • Adapts toolbar buttons, keyboard shortcuts (Cmd+B/I/E/K, Tab), paste/drop image upload, and URL paste-over-selection to the CodeMirror API
  • Preserves undo/redo via CodeMirror's history extension

- Add CodeMirrorEditor component with Obsidian-style decorations:
  bold, italic, headings (h1-h4), code, links, images, blockquotes,
  horizontal rules, strikethrough with faded syntax markers
- Rewrite MarkdownEditor to use CodeMirror instead of textarea
- Adapt toolbar, keyboard shortcuts (Cmd+B/I/E/K, Tab), paste/drop
  image upload, and URL paste-over-selection for CodeMirror API
- Preserve undo/redo via CodeMirror history extension
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant