Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 27, 2021 01:55 am GMT

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


Original Link: https://dev.to/zaaack/how-to-make-your-vscode-become-a-seamless-markdown-writer-like-typora-412h

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To