Markdown Editor

Write Markdown with live preview, GitHub-flavored formatting, and one-click export to Markdown or HTML.

Interface and Core Layout

The editor is divided into three main areas:

• Top Toolbar: Contains core operation buttons (Copy, Download, etc.)
• Middle Editing Area: The left side shows the Markdown source code editor, and the right side shows the real-time rendered preview
• Bottom Status Bar: Displays real-time statistics including word count, character count, and line count

Supports multiple languages including Chinese, English, French, Spanish, and Japanese. You can switch languages via the language menu in the upper-right corner.

Main Features and Operations

3.1 Editing and Preview

• Split Mode (Default): Displays source code and preview side by side. Modifying content on the left updates the preview on the right instantly
• Switch Views: Click “Edit”, “Preview”, or “Split” buttons in the toolbar to view source code only, preview only, or restore split view

3.2 Document Operations

Button	Function	Description
Copy	Copy Markdown source code	Convenient for pasting into other applications
Download MD	Export as .md file	Saves in original Markdown format
Download HTML	Export as .html file	Saves preview content as a webpage
Clear	Clear all content in the editor	Use with caution, no undo prompt

3.3 Content Statistics

The bottom status bar automatically calculates:

• Word Count: Chinese character count and consecutive word count
• Character Count: Total characters including punctuation and spaces
• Line Count: Total number of lines in the source code

Usage Scenarios

• Quick Notes: Write immediately upon opening the page, view rendering effects of headings, lists, and code blocks in real time
• Document Export: After writing, click “Download HTML” to generate a well-formatted webpage for sharing
• Content Migration: Use “Copy” to paste source code to other Markdown platforms (such as GitHub, Zhihu, etc.)

Notes

• No Auto-Save: Please manually download the MD file before closing the page to avoid data loss
• Pure Frontend Tool: All data is processed only in the browser and will not be uploaded to the server
• Compatibility Recommendation: Chrome, Edge, Firefox, and other modern browsers are recommended

FAQ

Q: Can images in the preview be displayed?
A: Online image URLs are supported (for example, ![](https://example.com/image.jpg)). Local image paths cannot be previewed directly.

Q: Can I import an existing .md file?
A: The current version does not provide an “Open File” button. You can open the .md file in your local editor first, then copy and paste the content into the left editing area.

Q: Are tables and mathematical formulas supported?
A: Standard Markdown tables are supported. Mathematical formula support depends on the browser and rendering module. It is recommended to use conventional syntax for writing.

Technical Support and Feedback

This tool is a free online service. If you encounter functional issues or display problems, it is recommended to first check your browser version and try clearing the cache before retrying.

Last verified: 2026-04-07 Source: pandao/editor.md