TUI Markdown Editor
A beautiful WYSIWYG Markdown editor for VS Code powered by Tiptap.
Features
- Rich Text Editing: WYSIWYG markdown editing powered by Tiptap +
@tiptap/markdown (MarkedJS parser, GFM support)
- Syntax Highlighting: Code blocks with language-aware highlighting via lowlight (19 languages)
- Task Lists: Checkbox support with nested task items
- Table Editing: Resizable tables with multi-line cell content (lists, breaks) preserved in markdown
- Theme Selection: 10 editor themes including Catppuccin palette (4 variants)
- View Source: Toggle between WYSIWYG and source view (Ctrl/Cmd+Shift+M)
- Cursor Line Highlight: Visual highlight of current block/paragraph
- Heading Level Badges: H1-H6 indicators next to headings
- Metadata Panel: Collapsible YAML frontmatter editor with validation
- Image Upload: Paste images from clipboard or drag-and-drop into editor
- Image URL Editing: Double-click on image to edit URL/path
- Auto-link Paste: Paste URL on selected text to create markdown link
- Auto Rename Images: Rename image files when you change the path in markdown
- Auto Delete Images: Delete image files when removed from markdown (moves to Trash)
- Local Image Display: Renders local images from document folder and workspace
- Large File Warning: Protection for files >500KB
- Configurable Font Size: Adjust editor font size (8-32px)
- Configurable Heading Sizes: Customize font sizes for H1-H6 headings (12-72px)
Usage
- Open any
.md or .markdown file
- Editor opens automatically in WYSIWYG mode
- Use toolbar to format text and insert elements
- Changes save automatically to source file
Configuration
| Setting |
Default |
Description |
tuiMarkdown.fontSize |
16 |
Editor font size (8-32px) |
tuiMarkdown.highlightCurrentLine |
true |
Enable cursor line highlight |
tuiMarkdown.imageSaveFolder |
images |
Folder to save pasted images (relative to document) |
tuiMarkdown.autoRenameImages |
true |
Auto rename image files when path changes in markdown |
tuiMarkdown.autoDeleteImages |
true |
Auto delete image files when removed from markdown (moves to Trash) |
tuiMarkdown.headingSizes.h1 |
32 |
H1 heading font size (12-72px) |
tuiMarkdown.headingSizes.h2 |
28 |
H2 heading font size (12-72px) |
tuiMarkdown.headingSizes.h3 |
24 |
H3 heading font size (12-72px) |
tuiMarkdown.headingSizes.h4 |
20 |
H4 heading font size (12-72px) |
tuiMarkdown.headingSizes.h5 |
18 |
H5 heading font size (12-72px) |
tuiMarkdown.headingSizes.h6 |
16 |
H6 heading font size (12-72px) |
Themes
| Theme |
Style |
| Frame |
Light |
| Frame Dark |
Dark |
| Nord |
Light |
| Nord Dark |
Dark |
| Crepe |
Light |
| Crepe Dark |
Dark |
| Catppuccin Latte |
Light |
| Catppuccin Frappé |
Dark |
| Catppuccin Macchiato |
Dark |
| Catppuccin Mocha |
Dark |
Requirements
Release Notes
See CHANGELOG.md for version history.
License
MIT
| |
