All Projects → zaaack → vscode-markdown-editor

zaaack / vscode-markdown-editor

Licence: MIT license
A vscode extension to make your vscode become a full-featured WYSIWYG markdown editor

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vscode-markdown-editor

Markdown Preview Enhanced
One of the 'BEST' markdown preview extensions for Atom editor!
Stars: ✭ 3,478 (+1296.79%)
Mutual labels:  markdown-editor, mathjax, katex, mermaid
notes
Simple text editor for your Markdown and LaTeX notes.
Stars: ✭ 24 (-90.36%)
Mutual labels:  markdown-editor, mathjax, katex
Liandi
📕 一款桌面端的 Markdown 块级引用和双向链接笔记应用,支持 Windows、Mac 和 Linux。A desktop Markdown Block-Reference and Bidirectional-Link note-taking application, supports Windows, Mac and Linux.
Stars: ✭ 354 (+42.17%)
Mutual labels:  graphviz, mathjax, katex
typora-hivacruz-theme
A Typora theme forked from Cobalt to match my other color schemes.
Stars: ✭ 38 (-84.74%)
Mutual labels:  markdown-editor, wysiwyg, typora
ckeditor5-math
Math feature for CKEditor 5.
Stars: ✭ 51 (-79.52%)
Mutual labels:  mathjax, katex
fluence
WYSIWYG wiki powered by Crystal, markdown, and Git
Stars: ✭ 44 (-82.33%)
Mutual labels:  markdown-editor, wysiwyg
Awesome Web Editor
🔨 Open source WEB editor summary
Stars: ✭ 306 (+22.89%)
Mutual labels:  markdown-editor, wysiwyg
Editor.md
The open source embeddable online markdown editor (component).
Stars: ✭ 11,741 (+4615.26%)
Mutual labels:  markdown-editor, katex
electron-markdown-editor
A simple electron markdown editor made with Uikit, Codemirror and markdown-it. Support for MathJax, code highlighting, live preview, and more.
Stars: ✭ 54 (-78.31%)
Mutual labels:  markdown-editor, mathjax
Django Markdown Editor
Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI
Stars: ✭ 423 (+69.88%)
Mutual labels:  markdown-editor, wysiwyg
Graphviz Visual Editor
A web application for interactive visual editing of Graphviz graphs described in the DOT language.
Stars: ✭ 261 (+4.82%)
Mutual labels:  graphviz, wysiwyg
MarkDEditor
A WYSIWYG MarkDown editor for Android.
Stars: ✭ 76 (-69.48%)
Mutual labels:  markdown-editor, wysiwyg
mead
Mead - Dead simple markdown editor for Windows, Linux and Mac
Stars: ✭ 20 (-91.97%)
Mutual labels:  markdown-editor, wysiwyg
typora-solarized
Solarized theme for Typora (markdown editor)
Stars: ✭ 21 (-91.57%)
Mutual labels:  markdown-editor, typora
Markdeck
presentations as code - author cool slide decks, text-only, offline-ready, collaborative
Stars: ✭ 1,159 (+365.46%)
Mutual labels:  graphviz, mathjax
ecto erd
A mix task for generating Entity Relationship Diagram from Ecto schemas available in your project.
Stars: ✭ 173 (-30.52%)
Mutual labels:  graphviz, mermaid
Hypermd
A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.
Stars: ✭ 1,258 (+405.22%)
Mutual labels:  markdown-editor, wysiwyg
Yii2 Quill
Yii 2 implementation of Quill, modern WYSIWYG editor
Stars: ✭ 52 (-79.12%)
Mutual labels:  wysiwyg, katex
Vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Stars: ✭ 3,773 (+1415.26%)
Mutual labels:  wysiwyg, typora
leanote-desktop-lite
Another Leanote desktop app, based on Electron + React. Support Auto-markdown
Stars: ✭ 48 (-80.72%)
Mutual labels:  markdown-editor, typora

Markdown Editor — A full-featured WYSIWYG editor for markdown

Demo

demo

Features

  • What You See Is What You Get (WYSIWYG)
  • Auto sync changes between the VSCode editor and webview
  • Copy markdown/html
  • Uploaded/pasted/drag-dropped images will be auto-saved to the assets folder
  • Multi-theme support
  • Shortcut keys
  • Multiple editting modes: 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

Supported 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

Todo

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].