A Markdown editor designed for WeChat Official Accounts, addressing the need for professional formatting and efficient content creation. It offers a suite of pre-defined styles and intelligent image processing, benefiting content creators by streamlining the publishing workflow and ensuring polished, consistent output.

How It Works

This project utilizes Vue 3 and Markdown-it for a responsive editor featuring real-time preview. Its core innovation is client-side image processing via Canvas API for compression (50-80%) and IndexedDB for local persistence, employing short links (img://) to maintain editor fluidity. It ensures WeChat compatibility by automatically converting layouts, styles, and embedding images as Base64 upon copying.

Quick Start & Requirements

An online demo is available at https://editor.huasheng.ai/. For local execution, clone the repository, navigate to the directory, and run python3 -m http.server 8080 or use the ./start.sh script, accessing the editor at http://localhost:8080. Python 3 is the primary requirement for local hosting.

Highlighted Details

• Features 13 distinct, professionally designed formatting styles for WeChat articles.
• Intelligent image handling includes automatic compression, local storage, and multi-image grid layouts.
• Provides seamless copy-pasting to WeChat Official Accounts with automatic format conversion.
• Supports code highlighting for elegant code block presentation.

Maintenance & Community

Developed by 花生 (alchaincyf), with contributions welcomed via GitHub Issues and Pull Requests. Community interaction and further resources are available through the "AI编程：从入门到精通" Knowledge Planet.

Licensing & Compatibility

Released under the permissive MIT License, allowing commercial use, modification, distribution, and private use without significant restrictions.

Limitations & Caveats

The tool focuses on frontend formatting and image handling; backend infrastructure or AI content generation capabilities are not detailed. No specific limitations regarding alpha status, known bugs, or platform support are explicitly mentioned in the README.