Live markdown rendering for the basics that makes a Markdown way easier to visually parse as you work on it. Hides syntax when not editing, shows full markdown when focused.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
A revolutionary VS Code extension that provides live markdown rendering with clean, focused editing. Experience WYSIWYG-style markdown editing without losing the power of raw markdown syntax.
✨ Features
🎯 Focused Editing
Hide markdown syntax when not editing a line
Show full syntax when cursor is on the line
Perfect space collapse - no gaps where symbols were
Toggle Focused Markdown - Enable/disable the extension
Enable Focused Markdown - Turn on rendering
Disable Focused Markdown - Turn off rendering
💡 Why Focused Markdown?
Traditional markdown editors force you to choose:
WYSIWYG editors - lose access to raw markdown
Split preview - takes up screen space
Plain text - hard to read while writing
Focused Markdown solves this by giving you both:
Clean, readable text when you're not editing
Full markdown access when you need to edit
Native VS Code editor with all your favorite features
📸 Examples
# This becomes a large heading (when not focused)
**This becomes bold text** with perfect spacing
*This becomes italic* and flows naturally
[This becomes a link](https://github.com/jonahgoldsaito/MarkGetsDown/blob/HEAD/url) without the URL cluttering
- This becomes a bullet point
1. This becomes a numbered item (auto-increments!)