Wysimark Editor: A WYSIWYG Markdown editor panel for Obsidian

Disclaimer

Is this project open source? Yes
Is this project completely free? Yes
Is this project vibe-coded beyond the author’s ability to comprehend how it works? No
Community Directory: Wysimark Editor ( Wysimark Editor - Obsidian Plugin )

Wysimark Editor adds a rich-text, word-processor-like editing panel to Obsidian’s right sidebar, built on top of Wysimark (Slate.js + React). You keep editing plain Markdown files in your vault — the plugin just gives you a WYSIWYG view on top of them, converting back and forth automatically. Nothing proprietary is stored; open the same file in Obsidian’s normal editor at any time.

Why I built it

I wanted a way to recommend Obsidian to people who aren’t comfortable writing raw Markdown. What I like about it being a side panel rather than a replacement editor: you keep using Obsidian’s normal editor for everything you’re used to, and only open this panel for the parts that are tedious in raw Markdown — tables, images — then go back to editing as usual.

Note: the panel doesn’t watch the file live — if you edit in Obsidian’s normal editor while the panel is open, click the :inbox_tray: reload button in the panel to pull those changes in before you keep editing there.

Highlights

  • Rich text editing — bold, italic, strikethrough, underline, inline code, headings, and lists all have toolbar buttons and keyboard shortcuts.

  • Tables — insert from the toolbar and navigate with Tab / Shift+Tab; Enter adds a line break inside a cell, Shift+Enter moves to the next cell.

  • Callouts and Mermaid previews> [!note] style callouts render with their icon and color, and Mermaid code blocks render as live diagrams instead of raw text.

  • Vault-aware links and images — insert internal [[links]] with filename autocomplete against your vault (switch an existing link to an ![[embed]] from its edit dialog), and pick existing vault images from a searchable file list instead of retyping paths.

  • Frontmatter-safe — YAML frontmatter at the top of a note is preserved but hidden from the editor, so properties aren’t disturbed.

  • Auto-save — changes save with a 1-second debounce; there’s also a manual reload button if the file changes outside the plugin.

Install / Update

Wysimark Editor is available in Community Plugins: Wysimark Editor - Obsidian Plugin

  1. Open Settings → Community Plugins, and make sure Restricted Mode is off.
  2. Click “Browse” and search for Wysimark Editor.
  3. Install and enable it.

You can also grab a beta build early via BRAT by adding GitHub - takeshy/obsidian-wysimark: A modern WYSIWYG Markdown editor for Obsidian. Edit your notes with a rich text interface while keeping pure Markdown. · GitHub , or install manually by copying main.js, manifest.json, styles.css from the latest release into <vault>/.obsidian/plugins/wysimark-editor/.

Feedback welcome

This is still early — I’d love to hear what breaks, what’s missing, or what would make it worth using daily. Issues and PRs are welcome on GitHub.

2 Likes