(如某个标题、表格、引用等)
或点击「示例文章」快速预览
右侧将实时显示排版效果
松开鼠标导入 Markdown / Word 文件或图片
自动保存的文章列表,点击可加载到编辑器。
当前文章:-
排版内容已复制到剪贴板,可直接粘贴到以下平台:
通过微信公众平台 API 推送到草稿箱。AppID 和 AppSecret 在 公众平台 → 设置与开发 → 基本配置 中获取。
v3.1.1
Markdown 实时解析,100% 兼容标准语法 + GFM 扩展(表格/删除线/高亮/待办/上下标/脚注)。57 套内置模板(经典 8 + 公众号精选 6 + VIP 创意 43 + 动态模板),现已全部改为白底无底色,实时切换即时预览。支持元素样式借用——点击预览区任意元素,从其他模板借用特定元素的样式。排版参数可调(字号/行距/字距/段距/图片样式/20 个字体选择)。一键复制富文本自动内联所有样式,导出 Word/PPT/图片/PDF/MD,支持通过 API 推送至公众号草稿箱。AI 写作助手支持 DeepSeek、通义千问、智谱AI 等 11 个服务商,提供润色/续写/摘要/翻译功能,API Key 在前端可视化配置。所有排版设置自动持久化,刷新不丢失。
SUI缘儿科技 — 专注公众号运营与技术分享
公众号搜索「SUI缘儿科技」关注我们
我们每周精选全网最优质的 AI 工具与开源项目,
整理成周刊推送给大家。从效率工具到创意平台,
从实用脚本到黑科技项目,一站集齐!
🏷️ 主营内容:
• AI 工具推荐与教程
• 开源项目精选周报
• 公众号排版技术分享
• 效率工具测评
💬 合作与反馈欢迎通过公众号留言!
前端:HTML5 + CSS3 + JavaScript + marked.js + highlight.js + KaTeX + Mermaid
后端:Python FastAPI + MySQL + SQLAlchemy
导出:python-docx + python-pptx + reportlab (PDF) + html2canvas
AI:OpenAI 兼容 API(DeepSeek / 通义千问 / 智谱 等 11 个服务商)
| Ctrl + B | 加粗 |
| Ctrl + I | 斜体 |
| Ctrl + K | 插入链接 |
| Ctrl + S | 保存文章 |
| Ctrl + F | 搜索替换 |
| Ctrl + Z | 撤销 |
| Ctrl + Y | 重做 |
| Ctrl + Shift + Z | 重做 |
| Esc | 关闭弹窗 |
| ? | 打开快捷键面板 |
左侧是 Markdown 编辑器,顶部工具栏一键插入:
加粗 / 斜体 / 下划线 / 删除线 / 清除格式 / 高亮 / 行内代码 · H1–H4 · 引用 / 有序 / 无序 / 待办 · 分割线 / 表格 / 代码块 / 链接 / 图片 / 上传 / Emoji · 搜索替换 · AI 助手
实用技巧
· 快捷键:Ctrl+B 加粗、Ctrl+I 斜体、Ctrl+K 链接、Ctrl+F 搜索替换、Ctrl+Z/Ctrl+Y 撤销重做。点预览区 ⌨️ 快捷键 看完整列表。
· 顶栏 🗑 清空 / ↩️ 撤销 / ↪️ 重做;工具栏 ⛶ 或 F11 全屏编辑。
· 顶栏 📑 大纲 自动提取标题、点击跳转;0 字 点开看中文 / 英文 / 标点 / 阅读时长统计。
右侧「📱 公众号预览」所见即所得,工具栏可:
· 🖥️ 电脑 / 📱 手机 切换模拟宽度(手机约 390px,最接近微信真实效果)。
· ✎ 编辑:直接在预览里改文字;双击样式块可改色(仅预览,不进复制)。
· 组合示例:勾选后在预览展示样式库组合效果(章节小标题 / 引用卡片 / 小贴士 / 分隔线),仅预览可见、不会进复制与公众号。
· 复制模式:下拉切换 📱 公众号 与 🌐 标准 HTML。
右侧「模板」侧栏里搞定外观:
模板选择(57 套,分三类)
· ✨ 免费:经典 8 + 公众号精选 6 + 标题样式 8(胶囊蓝 / 序号绿 / 标签橙 / 青卡片 / 双线紫 / 居中紫 / 引文斜体 / 衬线红,每套一种标题处理,白底免费)。
· ⭐ VIP 创意:43 套创意模板(需开通 VIP 解锁)。
· 🎨 带底色:便签日记 / 信笺纸等整页底色模板。点击即套用,右侧实时预览。
排版设置
正文字号(12–24px)、行距(1.0–2.5)、字间距(0–5px)、段间距、内边距、H1/H2/H3 字号、字体(20 种)、图片(阴影 / 圆角 / 边框)、页面底色(整篇铺满开关)。
自定义配色 & 元素样式
· 自定义配色:11 项颜色可调(标题 / 正文 / 引用 / 代码 / 链接 / 背景等),点 💾 保存模板 存为专属。
· 元素样式(样式库):点预览区任意元素选中,从样式库点卡片即可「借用」该元素样式;也可拖拽样式库卡片到预览落点插入。插入的样式块会与当前模板主题色自动统一。
点顶栏或工具栏的 AI 打开,含四个功能:
· ✨ 润色:选中文字(或整篇)后选风格(专业正式 / 轻松自然 / 学术严谨 / 叙事生动),运行后让原文更出彩。
· ✍️ 写作:选风格(专业 / 轻松 / 学术 / 叙事 / 技术)+ 写主题 / 要求,AI 据此生成文章。
· 🌐 翻译:选目标语言(English / 日本語 / 한국어 / 中文),把当前内容译过去。
· 📝 续写:基于已有内容继续往下写,适合卡文时续一段。
用法:在左侧写好 / 选中内容 → 打开 AI → 选功能与风格 → 点「运行」→ 结果区下方 插入 / 替换 / 复制 一键用回文章。
AI 需在「AI 配置」里填 API Key(支持 DeepSeek、通义千问、智谱 等 11 个服务商)。未配置时面板会提示,联系管理员填入即可。
· 复制到公众号:预览区 📋 复制(默认公众号模式)→ 到微信公众平台「新建图文」正文里 Ctrl+V 粘贴,样式完整保留(内联 CSS,公众号安全)。
· 标准 HTML:复制模式切到 🌐 标准 HTML,用于粘贴到任意支持 HTML 的编辑器或存成网页。
· 导出:顶栏 📥 导出 → 导出为 MD / Word(.docx) / 图片(PNG) / PPT(.pptx) / PDF。Word / PPT / PDF 需服务端装了 python-docx / python-pptx / reportlab,否则回退前端基础导出。
预览区 📤 推送 → 填公众号 AppID 与 AppSecret(公众平台「设置与开发 - 基本配置」获取)→ 开始推送。
过程:自动取 access_token、上传封面(不传则用默认渐变封面)、把正文图片换成微信 URL、创建草稿。
限制:标题 ≤ 32 字、摘要 ≤ 120 字、正文 ≤ 20000 字符;图片仅 jpg/png 且 < 1MB。
· 登录 / 注册:顶栏 登录 → 邮箱 + 密码(bcrypt 加密)。登录后文章自动云端同步。
· 保存:编辑自动每 2 秒防抖存本地(localStorage);点 💾 保存 存到服务器。
· 我的文章:顶栏 📂 文章 管理多篇草稿、版本回溯。
· VIP:顶栏 ⭐ 开通 VIP 看权益;授权码在「用户中心」兑换,解锁 43 套创意模板等。
Q:复制后公众号里没样式 / 底色丢失?
A:请用预览区 📋 复制 按钮,并确认复制模式为「公众号」。本工具已用内联样式 + 转义处理,正常粘贴即保留。若仍异常,检查是否用了浏览器的「复制网页」而非按钮复制。
Q:模板切换没反应?
A:在右侧「模板」侧栏点击模板卡即可,切换后右侧实时预览,无需刷新。
Q:AI 点运行没反应 / 提示未配置?
A:说明站点未配置 AI API Key,联系管理员在「AI 配置」填入(DeepSeek 等)。
Q:导出 Word / PPT / PDF 失败?
A:服务端可能未装对应依赖(python-docx / python-pptx / reportlab),可改用「导出为 MD / 图片」。
Q:推送报 40001?
A:AppID / AppSecret 不对或 access_token 失效,核对公众平台配置。
Q:本地直接打开 index.html 是空白?
A:需通过后端访问(如 python start.py),不要直接双击打开 index.html。
AI 将优化语言表达、修正语法错误,保持原意不变。
AI 将文章翻译为目标语言,保持 Markdown 格式。
AI 将顺着当前内容自然续写 2-3 段,保持风格、视角与话题一致。