Markdown 编辑与预览

What is Markdown Editor & Preview?

This tool lets you write and preview Markdown in real time. It supports GitHub Flavored Markdown including tables, task lists, code blocks with syntax highlighting, and more. All content is processed locally in your browser – nothing is uploaded.

How to Use

1. Type or paste Markdown in the editor on the left.
2. See the rendered preview on the right in real time.
3. Use the toolbar to insert headings, bold, italic, links, code blocks, tables and more.
4. Your draft is automatically saved in your browser. It will be restored when you return.
5. Export as Markdown (.md), HTML, or use Print to save as PDF.

Markdown Basic Syntax

Markdown uses plain text formatting syntax. Headings use # symbols, bold uses **, italic uses *, links use [text](url), and code uses backticks. The preview renders these into formatted HTML.

GitHub Flavored Markdown

This tool supports GitHub Flavored Markdown (GFM) which adds tables, task lists, strikethrough text, and automatic linking. These features are widely used on GitHub, GitLab, and many other platforms.

Tables and Task Lists

Tables use pipe characters to separate columns and dashes for the header row. Task lists use - [ ] for incomplete items and - [x] for completed items. Both render correctly in the preview.

Code Blocks and Syntax Highlighting

Fenced code blocks with a language identifier (e.g. ```javascript) are highlighted with syntax coloring. Supported languages include JavaScript, TypeScript, Python, Go, Rust, SQL, and many more. Each code block has a copy button.

Local Drafts

Your content is automatically saved in your browser's local storage after you stop typing. The draft persists across page refreshes and browser restarts. You can clear it at any time using the Clear Draft button.

HTML Export

You can export your Markdown as a complete HTML document with embedded styles. The exported file can be opened offline in any browser. Remote images are preserved as URLs by default.

How to Save as PDF

Click the Print button or press Ctrl+P to open the browser's print dialog. In the print dialog, choose 'Save as PDF' as the destination. Note that different browsers may produce slightly different PDF output.

Remote Image Privacy Risks

Markdown may contain images hosted on remote servers. Loading these images may reveal your IP address, browser information, and access time to the third-party server. By default, remote images are blocked with a warning. You can choose to load them individually.

Data & Privacy

All Markdown content is processed entirely in your browser. Auto-saved drafts are stored only in your browser's local storage. No content, file names, or document information is sent to any server. Analytics only records tool-level events without any content.

Limitations

Raw HTML in Markdown is not rendered by default for security. Very large files over 1 MB may cause browser slowdowns. This tool does not support Markdown extensions beyond CommonMark and GFM. Local drafts are limited by browser storage capacity.

Frequently Asked Questions