Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Markdown EditorNew to Visual Studio Code? Get it now.

Markdown Editor

zaaack

|
46,564 installs
| (24) | Free
A full-featured WYSIWYG editor for markdown.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Editor — A full-featured WYSIWYG editor for markdown

Demo

demo

Features

  • What You See Is What You Get (WYSIWYG)
  • Auto sync changes between vsc editor and webview
  • Copy markdown/html
  • Upload/paste/drag-drop images will auto save to assets folder
  • Multi-theme support
  • Shortcut keys
  • Instant Rendering mode(Recommand!) & Wysiwyg mode & split screen mode
  • Markdown extensions
  • Multiple graph support including KaTeX / Mermaid / Graphviz / ECharts / abc.js(notation) / ...
  • For more usage please see vditor

Install

https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor

Support syntax

demo article

Usage

1. Command mode in markdown file

  • open a markdown file
  • type cmd-shift-p to enter command mode
  • type markdown-editor: Open with markdown editor

2. Key bindings

  • open a markdown file
  • type ctrl+shift+alt+m for win or cmd+shift+alt+m for mac

3. Explorer Context menu

  • right click on markdown file
  • then click Open with markdown editor

4. Editor title context menu

  • right click on a opened markdown file's tab title
  • then click Open with markdown editor

Acknowledgement

  • vscode
  • vditor

Todo

  • [ ] Using Custom Text Editor (demo)

License

MIT

Support

If you like this extension make sure to star the repo. I am always looking for new ideas and feedback. In addition, it is possible to donate via paypal.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft