Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>SeeMarkNew to Visual Studio Code? Get it now.
SeeMark

SeeMark

Jonah Goldsaito

|
5 installs
| (0) | Free
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.
Copied to clipboard
More Info

Focused Markdown

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

🚀 Live Rendering

  • Headers (# ## ###) - Larger text, hidden symbols
  • Bold (**text**) - Bold styling, hidden asterisks
  • Italic (*text*) - Italic styling, hidden asterisks
  • Code (`text`) - Background styling, hidden backticks
  • Strikethrough (~~text~~) - Line-through, hidden tildes
  • Links ([text](https://github.com/jonahgoldsaito/MarkGetsDown/blob/HEAD/url)) - Underlined text, hidden URL and brackets
  • Lists (- item, 1. item) - Styled bullets/numbers, hidden markup

🔄 Smart Auto-Completion

  • Press Enter after 1. item → automatically creates 2.
  • Press Enter after - item → automatically creates -
  • Preserves indentation for nested lists

⚡ Auto-Enabled

  • Automatically activates when you open .md files
  • Toggle on/off with Ctrl+Shift+M (Cmd+Shift+M on Mac)
  • Works everywhere - headers, lists, and regular text

🎮 Usage

  1. Open any .md file - extension activates automatically
  2. Start typing markdown - see live rendering as you type
  3. Click on any line - see full markdown syntax for editing
  4. Click away - see clean rendered text
  5. Use Ctrl+Shift+M to toggle on/off

⌨️ Keyboard Shortcuts

  • Ctrl+Shift+M (Windows/Linux) / Cmd+Shift+M (Mac) - Toggle Focused Markdown

🛠️ Commands

  • 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!)

🔧 Requirements

  • VS Code 1.90.0 or higher

📝 License

MIT License - see LICENSE file for details

🐛 Issues & Feedback

Found a bug or have a suggestion? Open an issue


Enjoy clean, focused markdown editing! 🎉

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft