Markdown Inline Preview

Notion- and Obsidian-like Markdown editing for VS Code / Cursor.

Markdown Inline Preview (ipreview) edits the same .md file in two modes:

Both modes edit the raw Markdown itself. Live mode never converts Markdown into a different document model, so revealing and collapsing syntax never moves your file's bytes.

Switch from the tab's context menu or the command palette: Markdown Inline Preview: Live / Raw を切り替え.

日本語: README.ja.md

Installation

# From a packaged VSIX (after npm run package)
code --install-extension markdown-inline-preview-3.3.0.vsix

# Or build from source
git clone https://github.com/kkaiki/markdown-inline-preview.git
cd markdown-inline-preview
npm install
npm run package
code --install-extension markdown-inline-preview-*.vsix

For development, open the folder in VS Code and press F5.

Raw mode (Inline Preview)

Raw mode keeps full Markdown syntax visible and adds editing helpers on top.

Lists & checkboxes

• Smart Enter — continue lists; exit on an empty item
• Convert list type — Alt+Cmd+4/5/6/0 (Mac) / Alt+Ctrl+4/5/6/0 (Win/Linux)
• Toggle checkbox — click or Cmd+Enter / Ctrl+Enter
• Indent — Tab / Shift+Tab
• Auto-renumber ordered lists on indent change
• Strikethrough on completed tasks; optional CodeLens

Tables

• Format column widths (CJK-aware width calculation)
• Cell navigation — Cmd+←/→, arrow keys
• Smart select all — line → document; in tables cell → row → table → document (Cmd+A)
• Line break in a cell (Live) — Shift+Enter inserts <br>, shown as a line break when the cell is not focused
• Select cells (Live) — drag, Shift+arrows, or Cmd+Shift+arrows to the row / column edge, then copy as raw Markdown
• Inline wrap preview — ↳ hint at line end + hover popup

Headings, code & decorations

• Heading colors — H1–H6 schemes (default / monochrome / vibrant)
• Code block background + simple syntax coloring
• Horizontal rules styled as dividers
• Image thumbnails on non-editing lines + hover preview (off by default)

Slash commands & smart editing

• Slash menu at line start: /table, /h1–/h6, /code, /quote, /callout, /divider, /bullet, /numbered, /todo
• Smart cursor in lists and tables (Cmd+←/→, arrows)
• Progressive selection (Shift+Cmd+←)
• Fenced code auto-close when typing ```

Live mode (Obsidian-style live editing)

Live opens the file in a CodeMirror 6 custom editor. You edit raw Markdown directly, and only the syntax under the cursor expands into source form.

Editing & rendering

• CommonMark + GFM — headings, tables, task lists, strikethrough, links
• Reveal / collapse syntax by token, line, or block, depending on the element
• Edit inside tables while they stay rendered
• Row / column operations — right-click a cell to select, insert, or delete rows and columns, or delete the whole table
• Paste from Excel / Google Sheets / Numbers — a copied cell range becomes a Markdown table (first row as header). Works in Raw mode too; code copied from an editor is pasted as-is
• Code fences rendered as blocks with a language label; put the cursor on the fence to edit it
• Slash menu — same commands as Raw (live.enableSlashMenu)
• Checkboxes — click to toggle; saved as - [x] in the file

Rich content

• KaTeX — $...$ and $$...$$
• Mermaid — ```mermaid block previews
• Images — workspace-relative ![alt](https://github.com/kkaiki/markdown-inline-preview/raw/HEAD/path) rendered inline
• Frontmatter — YAML block rendering
• Block widgets — callouts, horizontal rules

UI & navigation

• Toolbar — H1/H2/H3, checkbox, bullet, numbered, quote, bold, italic, code, PDF, Raw
• Find & replace (⌘F / Ctrl+F) — searches the raw Markdown source, including syntax hidden by the preview (**, #, …); case / whole-word / regex toggles
• Line-number gutter (live.showLineNumbers)
• Git diff gutter against HEAD — added = green / changed = blue / deleted = red triangle (live.showDiffGutter)
• Mode memory per file — reopening a file uses the mode you last used for it (live.rememberMode)
• PDF export — Markdown Inline Preview: Export to PDF. Free and unlimited; a small credit line is printed at the bottom of each page — see docs/user-guide/pdf-export.md (日本語)

PRO+ (one-time purchase)

A single one-time purchase — ¥150 / $1, no subscription, any number of machines. Everything above stays free. PRO+ adds:

• No credit line on exported PDFs
• PDF layout options — paper size, margins, page numbers, header / footer, table of contents, themes
• Word (.docx) export — Word heading styles, tables, lists and local images
• Batch export — a folder or several files at once: one PDF per file, or one combined PDF with a table of contents
• Marp slide export — slides as a PDF (Marp syntax, or one slide per heading)

Everything runs on your machine; documents are never uploaded. Details: docs/user-guide/pro-plus.md (日本語)

Keyboard shortcuts

Notion's key assignments, adopted as-is — the same keys work in both modes.

Set markdownInline.notionKeymap.enabled to false to fall back to VS Code defaults (Cmd+B = sidebar, etc.) in Raw mode.

More: docs/user-guide/keyboard-shortcuts.md (日本語)

Configuration

Raw (highlights)

Live (highlights)

markdownInline.advanced.* overrides legacy toggles when explicitly set. Manual commands (format table, repair fences) still work when auto behavior is off.

Requirements

• VS Code / Cursor 1.74.0+

Known issues

• Raw decorations cannot change font size (VS Code Decoration API limit); headings use color and background instead.
• Very large files (10k+ lines) may slow decoration updates.
• Live targets CommonMark/GFM; wiki links and some Obsidian extensions are not supported.
• Live-mode keys live inside the WebView (CodeMirror), so they cannot be remapped from VS Code's keyboard-shortcuts UI. Raw-mode keys can.
• Integration tests (npm test) need the VS Code Electron runner; prefer npm run test:unit in CI.

Conflicts with other extensions

If Markdown All in One overrides Enter, remove its markdown.extension.onEnterKey binding or add to keybindings.json:

{
  "key": "enter",
  "command": "-markdown.extension.onEnterKey",
  "when": "editorTextFocus && editorLangId == markdown"
}

Documentation

Contributing

Issues and pull requests: github.com/kkaiki/markdown-inline-preview

License

MIT