Skip to content
willmovePublic

About

Markdown 转微信公众号编辑器格式的 Web 应用

Resources

Stars

4 stars

Watchers

0 watching

Forks

Latest commit

 

History

43 Commits

Folders and files

Repository files navigation

MarkNice

Markdown / Word 转微信公众号排版格式的 Web 应用。 Web 在线版本:https://marknice.cn

功能

  • 粘贴或上传 Markdown(.md / .markdown / .txt),实时预览转换结果
  • 导入 Word 文档(.docx),自动识别标题编号、有序/无序列表、合并单元格表格、OMML 数学公式、图片、文本格式
  • 导入 PDF 文档(经本地 Node 代理调用 PaddleOCR,需后端运行)
  • 数学公式通过 MathJax 渲染为自包含 SVG,复制到公众号草稿时不会出现符号重复
  • 15 种公众号排版主题:暖陶米白(仿 Claude 风格)、极简留白、暗夜深色、简洁蓝、优雅棕、活力红、琥珀橙、清新绿、健康绿、杂志红、复古纸、海盐青、科技蓝、报刊体、暖阳红
  • 字号与段距自由调节
  • 一键复制富文本(text/html + text/plain),直接粘贴到公众号编辑器
  • 另存为 HTML 文件
  • 保存为 PDF 文件(通过打印对话框,文字可选可复制)
  • 保存为 Word 文档(.docx 格式,保留格式和样式)
  • 桌面 / 手机预览模式切换
  • 深色 / 浅色主题,支持跟随系统
  • 移动端触屏优化

项目结构

marknice/
├── index.html            # 首页(顶部即编辑器,下方为介绍 / 特性)
├── guide.html            # 使用指导
├── src/
│   ├── main.js           # 业务逻辑(转换、模板、复制、Word 导入、HTML/PDF/Word 导出)
│   ├── math-runtime.js   # MathJax SVG 公式渲染与 Word 线性文本降级
│   ├── pro-extras.js     # 扩展模块(PDF 导入,需后端)
│   ├── docx-parser.js    # 自定义 DOCX 解析器(编号、合并单元格、公式、图片)
│   └── styles.css        # 页面样式(含移动端响应式)
├── server/
│   └── server.js         # 零依赖 Node 服务(静态文件 + PaddleOCR 代理)
├── .env.example          # 后端配置模板
└── README.md

外部依赖(CDN)

  • marked — Markdown 解析
  • JSZip — DOCX 文件解压
  • MathJax — 数学公式渲染为自包含 SVG(粘贴公众号)
  • html-docx-js — HTML 转 Word 文档

本地运行

方式 A:纯静态(不含 PDF 导入)

git clone https://github.com/willmove/marknice.git
cd marknice
python -m http.server 8080
# 或 python3 -m http.server 8080,或 npx serve .

访问 http://localhost:8080/。Markdown/Word 导入、主题、导出等功能均可用;仅"导入 PDF"需要后端。

方式 B:完整版(启用 PDF 导入)

"导入 PDF"通过本地 Node 代理调用 PaddleOCR API,规避浏览器 CORS 限制并保护 Token。需要 Node.js >= 18。

# 1. 复制环境变量模板,填入自己的 PaddleOCR Token
cp .env.example .env
# 编辑 .env,填写 PADDLE_OCR_TOKEN=...

# 2. 启动服务(同时托管静态文件和 /api 代理)
node server/server.js

打开浏览器访问 http://localhost:8080/。

Token 仅保存在 .env,不会随仓库提交(已在 .gitignore 中忽略)。 "导入 PDF"按钮需要后端运行,其余功能静态部署即可使用。

部署

页面资源使用相对路径,可直接部署到任意静态托管服务。

手动同步示例:

sudo rsync -av --delete /path/to/marknice/ /var/www/marknice/

🤝 联系我们

如果您有任何建议、反馈或合作意向,欢迎通过以下方式联系我们:

关注公众号,分享更多 AI 产品实践技巧:

alt text

About

Markdown 转微信公众号编辑器格式的 Web 应用

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages