Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>HanshiNew to Visual Studio Code? Get it now.
Hanshi

Hanshi

hanshi

|
1 install
| (0) | Free
Typora-inspired WYSIWYG Markdown editor for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hanshi

Hanshi

Hanshi is a VS Code custom Markdown editor aimed at docs-as-code workflows.

The project is not trying to win on sheer editor feature count. Its main goal is to make visual Markdown editing safer for specification documents, ADRs, design docs, and other source-controlled writing where diff quality matters.

Current Status

The project currently includes:

  • VS Code CustomTextEditorProvider
  • Milkdown Crepe webview editor
  • bidirectional sync between source and webview
  • version-aware sync guard
  • block-aware replacement ranges for Markdown persistence
  • Mermaid preview
  • image drag and drop into sibling assets/
  • basic unit tests

The project is still in active development and should be treated as pre-release software.

Documentation

  • Usage — how to open files with Hanshi, edit, insert images, copy selection references.
  • AI Inline Completions — Copilot-backed completions, consent, and settings.
  • Implementation Notes — design decisions and tradeoffs.

Contributing

See CONTRIBUTING.md for setup, development workflow, and contribution guidelines.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft