How to make your vscode become a seamless markdown writer like typora

Writing markdown is a daily work for most programers. Switch between your favorate code editor or IDE and a nice markdown editor like typora, marktext, iA Writer, Ulysses or obsidian.md could be annoying. That's why I make this extension.

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. Explorer Context menu

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

3. 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