tinker-markdown-live

A WYSIWYG markdown editor plugin for TINKER, powered by Milkdown Crepe.

Features

• WYSIWYG editing with live markdown preview
• Slash commands for quick block insertion
• Rich content support including tables, code blocks, LaTeX, and images
• File tree for browsing a project folder and opening .md files
• File management to create, rename, and delete files and folders
• Document outline to jump between headings in the current file
• Auto-refresh file list when the folder changes on disk
• Dark mode support
• i18n support for English and Chinese

Installation

Download and install TINKER, then run:

npm i -g tinker-markdown-live

Usage

1. Click Open folder in the toolbar (or in the sidebar) to choose a workspace directory
2. Select a markdown file in the file tree to start editing
3. Type in the editor or use / slash commands to insert blocks
4. Expand Outline at the bottom of the sidebar to navigate headings
5. Right-click in the file tree to create, rename, or delete files and folders
6. Click Save to write changes; unsaved new files prompt for a save location
7. Use the sidebar toggle button to show or hide the file tree