Skip to content

evgo2017/xiaoheihe-editor

Repository files navigation

XiaoHeiHe Article Editor (小黑盒文章编辑器)

License: GPL v3

中文 | [English]

🚀 Introduce

A specialized Markdown conversion tool designed for the XiaoHeiHe (HeyBox) community. It solves the formatting issues when publishing articles from Markdown to the HeyBox rich-text editor, particularly for code blocks and tables.

🌐 Live Demo: evgo2017.com/project/xiaoheihe-editor

example

Want to self-host? One-click deploy to Vercel Deploy with Vercel

🚀 Key Features

  • Markdown Support: Full Markdown editing experience based on ProseMirror.
  • Synchronized Preview: Real-time WYSIWYG preview to ensure the layout is perfect.
  • Code to Image: Since XiaoHeiHe doesn't support code blocks well, this tool automatically renders code snippets into elegant, syntax-highlighted images using a custom Canvas engine.
  • Table to Image: High-resolution image generation for complex tables, supporting cell text wrapping.
  • Mobile Simulation: One-click to simulate the 375px mobile view, letting you see exactly what your readers will see on their phones.
  • Auto-Save: Everything you type is automatically saved to your browser's local storage.
  • One-Click Copy: Specialized "Copy for HeyBox" logic that cleans up HTML tags to ensure a seamless paste into the platform.

📖 Usage

  1. Paste or write your Markdown content in the Source Editing pane.
  2. Check the styles in the Real-time Preview.
  3. Use the Mobile Simulation to fine-tune the layout.
  4. Click One-Click Copy in the Export pane.
  5. Paste directly into the XiaoHeiHe article editor.

👤 Author

📄 License

This project is licensed under the GNU General Public License v3.0. See the LICENSE file for details.

About

A specialized Markdown conversion tool designed for the XiaoHeiHe - 小黑盒文章编辑器

Resources

License

Stars

Watchers

Forks

Contributors