DEV Community

Cover image for How to make your vscode become a seamless markdown writer like typora
Zack Young
Zack Young

Posted on

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.

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

Todo

License

MIT

Top comments (1)

Collapse
 
codey profile image
Vasek Codey Vlcek • Edited

Looks great! Works exactly the way I would imagine out of the box! However, it would be great if it could be set as the default editor for MD. That's what other extensions do but on the other hand they lack the great experience of seamless switching between rendered and editable view on current line which is the major benefit of your project.