Markdown to WeChat Official Account Formatting Tool

Convert Markdown articles into WeChat Official Account formatting, with support for real-time preview, code highlighting, one-click copy, and single or batch conversion.

Bug report

Browser execution mode: Your data is processed in your browser and is not uploaded to the server.

Speed and Stability: Processing speed depends on your device and browser. For large batch work, the desktop version may be more stable.

Loading tool, please wait...

If the online tool fails to load or run, try the desktop tool.https://tools.yikeaigc.com/

Tool Usage

Return to old version

Layout Settings

Theme style

Body font size

Line Spacing

Paragraph spacing

Link Handling

Auto-generate TOC

Editor mode

Total characters:0

Chinese:0

English words:0

Paragraphs:0

Est. reading:0 min

Markdown Editor

Auto-saved

📄 Drop files to import content

WeChat Official Account Preview (578px)

Batch conversion settings

Theme style

Output format

Body font size

Link Handling

1Select Markdown file

Supports .md, .markdown, and .txt files. Select multiple files in batch. Click a filename to preview.

Copied to clipboard. Paste directly into WeChat Official Account.

\n'; } function readFileAsText(file) { return new Promise(function(resolve, reject) { const reader = new FileReader(); reader.onload = function(e) { resolve(e.target.result); }; reader.onerror = function(e) { reject(e); }; reader.readAsText(file, 'UTF-8'); }); } // ==================== 批量下载 ==================== batchDownloadBtn.addEventListener('click', function() { if (!batchZip || convertedResults.length === 0) { alert('没有可下载的内容'); return; } batchDownloadBtn.disabled = true; batchStatusText.textContent = '正在生成 ZIP 文件...'; batchZip.generateAsync({ type: 'blob', compression: 'DEFLATE' }) .then(function(content) { const link = document.createElement('a'); link.href = URL.createObjectURL(content); const timestamp = new Date().toISOString().replace(/[-:.]/g, '').replace('T', '_').slice(0, 15); link.download = 'markdown-wechat-' + timestamp + '.zip'; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(link.href); batchStatusText.textContent = 'ZIP 文件已开始下载'; batchDownloadBtn.disabled = false; }) .catch(function(err) { batchStatusText.textContent = '生成ZIP失败: ' + err.message; batchDownloadBtn.disabled = false; }); }); // ==================== 初始化 ==================== // 尝试恢复上次保存的内容 const savedContent = localStorage.getItem('md-wechat-content'); if (savedContent && savedContent.trim().length > 0) { mdInput.value = savedContent; } else { mdInput.value = exampleMarkdown; } renderMarkdown(); autosaveIndicator.textContent = '就绪'; autosaveIndicator.className = 'md-autosave-indicator'; });

Instructions

Software Usage Instructions

Select a conversion mode: The tool provides two modes. Click the tabs at the top to switch:
- Single conversion: Edit Markdown content online, preview results in real time, and import files by drag and drop
- Batch conversion: Upload multiple Markdown files for unified conversion, with single-file preview support
Configure formatting settings:
- Theme style: Choose from 8 color schemes: default purple, fresh green, vibrant orange, passionate red, tech blue, business gray, girly pink, and dark mode. Custom colors are also supported (enter a HEX color value or use the color picker)
- Body font size: Supports multiple font size options from 14px to 17px
- Line spacing: Set a line-height ratio from 1.6 to 2.2
- Paragraph spacing: Adjust paragraph spacing from 10px to 18px
- Link handling: Choose to convert links to footnotes (recommended for WeChat Official Accounts), keep them unchanged, or keep text only
- Automatic table of contents: Choose to automatically generate a navigation table of contents at the top of the article
- Editor mode: Supports switching between light/dark editor modes to reduce visual fatigue during long editing sessions
Edit Markdown content: Enter or paste Markdown text in the editor on the left. Use the toolbar to quickly insert headings, bold text, lists, code blocks, tables, and other elements. Keyboard shortcuts are supported (Ctrl+B for bold, Ctrl+I for italic, Ctrl+D for strikethrough, Ctrl+S to save, Ctrl+1/2/3 for headings, Tab for indentation). You can also drag .md files directly into the editor area to import content. Click the "Example" button to load sample content for reference.
View statistics: The statistics panel above the editor displays the total character count, Chinese character count, English word count, paragraph count, and estimated reading time in real time, making it easy to control article length.
Preview formatting: The preview area on the right displays the WeChat Official Account style effect in real time, with the preview width strictly designed according to the 578-pixel standard. All styles are rendered inline to ensure the format is fully preserved after copying.
Copy to WeChat Official Account: Click the "Copy to WeChat Official Account" button to copy the formatted content directly to the clipboard, then paste it into the WeChat Official Account editor. Links will be automatically converted to footnote format, making them suitable for Official Account reading.
Export as long image/PDF: Click the "📷 Long Image" button above the preview area to export the article as a PNG long image. Click the "📄 PDF" button to export it as a PDF file for easy sharing on other platforms.
Auto-save and history: Edited content is automatically saved to the local browser. After closing the page, you can reopen it to restore the last edited content. Click the "📋 History" button to view and restore historical versions (up to 20 records are retained).
Batch conversion: Switch to batch mode, select multiple .md or .txt files, and click a file name to preview the conversion effect of a single file. After configuring the output format, click "Start Batch Conversion". When complete, click "Download All Results (ZIP)" to obtain all converted files. Batch mode also supports info card syntax, footnote conversion, and code highlighting.

FAQ

A: Standard GFM (GitHub Flavored Markdown) syntax is supported, including headings (H1-H6), bold, italic, strikethrough, ordered lists, unordered lists, blockquotes, code blocks, inline code, tables, links, images, horizontal rules, and more. Custom info card syntax is also supported (:::info, :::warning, :::success, :::danger), and info cards support multi-line content.

A: Syntax highlighting is supported for common programming languages such as JavaScript, Python, Java, PHP, CSS, HTML/XML, SQL, Bash, JSON, TypeScript, Go, and C#. Specify the language name at the beginning of a code block to enable the corresponding highlighting effect. HTML files generated by batch conversion also include code highlighting styles.

A: No. The tool is designed strictly according to the 578-pixel width standard for WeChat Official Accounts. All styles are written inline in the HTML (including theme colors, font size, line height, paragraph spacing, etc.). After copying, paste directly into the WeChat Official Accounts editor, and the format will remain consistent with the preview without further adjustments.

A: Batch conversion supports file input in three formats: .md, .markdown, and .txt. The output format can be selected as an HTML file or plain text (containing HTML code), and the converted files will be packaged into a ZIP file for download. Before conversion, you can click a file name to preview the layout effect of an individual file.

A: No. All Markdown parsing and format conversion are completed locally on your device. File content will not be uploaded to any server, ensuring the privacy and data security of your article content. The autosave feature uses browser local storage (localStorage), and data is stored only on your device.

A: Two formats are supported. Single-line format: :::info Info content:::. Multi-line format (recommended): start with :::info, put the content in the middle, and end with :::, with each part on its own line. Available types include: :::info blue info card, :::warning orange warning card, :::success green success card, and :::danger red danger card.

A: If multiple files have the same name after conversion, the system will automatically add numeric suffixes to the file names to distinguish them, such as article.html, article_2.html, and article_3.html, ensuring all files are saved correctly.

A: Hyperlinks in WeChat Official Account articles cannot be clicked to navigate directly. After enabling "Convert to footnotes" mode, links in the article are automatically converted into superscript numbered references (such as [1], [2]), and all link URLs are listed together at the end of the article for readers to view. This is the recommended formatting practice for Official Account articles.

A: Click the "📷 Long Image" button above the preview area to export the article as a high-definition long PNG image (2x resolution), or click the "📄 PDF" button to export it as an A4-sized PDF file. The exported content matches the preview and is suitable for sharing on Moments, in communities, and other scenarios.

A: No. The tool has built-in auto-save, automatically saving edited content to the browser's local storage every 3 seconds. Even if you accidentally close the page, the content from your last edit will be restored automatically the next time you open it. It also keeps the 20 most recent history records; click the "📋 History" button to view and restore previous versions at any time. You can also use Ctrl+S to save manually.

A: The following keyboard shortcuts are supported: Ctrl+B for bold, Ctrl+I for italic, Ctrl+D for strikethrough, Ctrl+S for manual save, Ctrl+1 for heading level 1, Ctrl+2 for heading level 2, Ctrl+3 for heading level 3, and Tab to insert an indent. Mac users can replace Ctrl with the Command key.

A: Select "Custom Color" from the Theme Style drop-down menu, and a color picker and HEX input box will appear. You can click the color picker to choose a color visually, or directly enter a 6-digit HEX color value (such as #FF6600). Elements such as title decoration lines, bold text, and quote block borders will all use the color you set.