{"id":14155605,"url":"https://github.com/zaaack/vscode-markdown-editor","last_synced_at":"2025-05-15T23:03:26.921Z","repository":{"id":46229324,"uuid":"355757236","full_name":"zaaack/vscode-markdown-editor","owner":"zaaack","description":"A vscode extension to make your vscode become a  full-featured WYSIWYG markdown editor ","archived":false,"fork":false,"pushed_at":"2025-01-07T07:51:09.000Z","size":9013,"stargazers_count":450,"open_issues_count":85,"forks_count":65,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-15T23:02:51.802Z","etag":null,"topics":["echarts","graphviz","katex","katex-support","markdown","markdown-editor","marktext","mathjax","mermaid","music-notion","typora","vditor","vscode","vscode-extension","wysiwyg"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zaaack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"zaaack","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://www.paypal.me/zaaack"]}},"created_at":"2021-04-08T03:56:03.000Z","updated_at":"2025-05-15T15:07:20.000Z","dependencies_parsed_at":"2024-07-29T01:52:38.688Z","dependency_job_id":"807c569c-03b5-4d72-bfd1-706fb69b737a","html_url":"https://github.com/zaaack/vscode-markdown-editor","commit_stats":null,"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaaack%2Fvscode-markdown-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaaack%2Fvscode-markdown-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaaack%2Fvscode-markdown-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaaack%2Fvscode-markdown-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zaaack","download_url":"https://codeload.github.com/zaaack/vscode-markdown-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254436944,"owners_count":22070946,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["echarts","graphviz","katex","katex-support","markdown","markdown-editor","marktext","mathjax","mermaid","music-notion","typora","vditor","vscode","vscode-extension","wysiwyg"],"created_at":"2024-08-17T08:04:24.598Z","updated_at":"2025-05-15T23:03:26.752Z","avatar_url":"https://github.com/zaaack.png","language":"TypeScript","funding_links":["https://github.com/sponsors/zaaack","https://www.paypal.me/zaaack"],"categories":["TypeScript","vscode-extension"],"sub_categories":[],"readme":"# Markdown Editor — A full-featured WYSIWYG editor for markdown\n\n[![badge_title](https://vsmarketplacebadges.dev/version-short/zaaack.markdown-editor.svg)](https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor) [![](https://vsmarketplacebadges.dev/installs-short/zaaack.markdown-editor.svg)](https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor) [![](https://vsmarketplacebadges.dev/rating-short/zaaack.markdown-editor.svg)](https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor)\n\n## Demo\n\n![demo](./demo.gif)\n\n## Features\n\n- What You See Is What You Get (WYSIWYG)\n- Auto sync changes between the VSCode editor and webview\n- Copy markdown/html\n- Uploaded/pasted/drag-dropped images will be auto-saved to the `assets` folder\n- Multi-theme support\n- Shortcut keys\n- Multiple editting modes: instant Rendering mode (**Recommand!**) / WYSIWYG mode / split screen mode\n- Markdown extensions\n- Multiple graph support including KaTeX / Mermaid / Graphviz / ECharts / abc.js(notation) / ...\n- For more usage please see [vditor](https://github.com/Vanessa219/vditor)\n\n## Install\n\n[https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor](https://marketplace.visualstudio.com/items?itemName=zaaack.markdown-editor)\n\n## Supported syntax\n\n[demo article](https://ld246.com/guide/markdown)\n\n## Usage\n\n### 1. Command mode in markdown file\n\n- open a markdown file\n- type `cmd-shift-p` to enter command mode\n- type `markdown-editor: Open with markdown editor`\n\n### 2. Key bindings\n\n- open a markdown file\n- type `ctrl+shift+alt+m` for win or `cmd+shift+alt+m` for mac\n\n### 3. Explorer Context menu\n\n- right click on markdown file\n- then click `Open with markdown editor`\n\n### 4. Editor title context menu\n\n- right click on a opened markdown file's tab title\n- then click `Open with markdown editor`\n\n### Custom CSS (custom layout and vditor personalization)\n\nEdit your settings.json and add\n\n```\n\"markdown-editor.customCss\": \"my custom css rules\"\n\n// Eg: \"markdown-editor.customCss\": \".vditor-ir pre.vditor-reset {line-height: 32px;padding-right: calc(100% - 800px) !important; margin-left: 100px;    font-family: system-ui !important;}\"\n```\n\n## Acknowledgement\n\n- [vscode](https://github.com/microsoft/vscode)\n- [vditor](https://github.com/Vanessa219/vditor)\n\n## Todo\n\n- [ ] Using [Custom Text Editor](https://code.visualstudio.com/api/extension-guides/custom-editors#custom-text-editor) ([demo](https://github.com/gera2ld/markmap-vscode))\n\n## License\n\nMIT\n\n## Support\n\nIf 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](https://www.paypal.me/zaaack).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaaack%2Fvscode-markdown-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzaaack%2Fvscode-markdown-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaaack%2Fvscode-markdown-editor/lists"}