微信公众号富文本编辑器
VIBECODING · CONTENT TOOL
把排版、模板与发布准备，收进一个本地工作台
傅小念的编辑器是一款本地优先的微信公众号富文本编辑器。它围绕内容创作流程，整合可视化排版、HTML 源码编辑、草稿管理、模板复用与微信兼容检查。
内容设计手记
让一篇文章拥有清晰的阅读节奏
从标题、正文到引用与图片，在同一画布中完成适合公众号阅读场景的内容组织。
排版不只是装饰，而是帮助读者理解信息的方式。DESIGN INTENT
为内容创作者缩短“写完”到“可发布”之间的距离
公众号文章通常需要在写作、排版工具和微信后台之间反复切换。这个项目将常用格式、模板、草稿和复制前检查集中在一个界面中，让内容结构与发布准备保持连续。
内容优先
用接近文章成品的画布承载编辑过程，减少工具界面对正文的干扰。
本地可控
草稿、模板与备份可以保存在本地 JSON 仓库中，保持轻量和清晰的数据边界。
CORE CAPABILITIES
不是单一编辑框，而是一套内容生产工具链
每项能力都围绕公众号内容的创建、整理、保存与复制展开。
双模式内容编辑
在可视化富文本与 HTML 源码之间切换，处理字号、颜色、列表、对齐、链接、图片、引用与分割线。
可复用模板系统
支持模板预览、搜索、分类筛选、自定义导入与主题色更新，让常用版式保持一致。
- 标题组件可复用
- 正文样式可筛选
- 主题颜色可替换
草稿与恢复
覆盖新建、覆盖保存、另存、重命名、复制、恢复和删除，并保留浏览器端临时恢复记录。
微信兼容检查
复制正文前执行 HTML 清洗、样式过滤与兼容提示，帮助识别微信后台可能无法保留的内容。
导入、导出与备份
可导出 HTML、纯文本、草稿、模板和完整备份，并通过原子写入与备份文件降低本地数据损坏风险。
账号与扩展能力
项目包含邮箱验证、安全会话、会员套餐、功能授权、配额判断与多公众号绑定等受控部署能力。
CONTENT FLOW
一条清晰、可检查的发布准备路径
-
01
编辑内容
在富文本画布或源码模式中建立文章结构。
-
02
组织样式
插入模板并使用主题色统一视觉表达。
-
03
保存草稿
将内容写入本地草稿库并保留恢复记录。
-
04
检查与复制
清洗内容、查看兼容报告并准备粘贴到公众号后台。
BUILD & SECURITY
原生技术栈之上，保留明确的安全边界
浏览器端采用原生 HTML、CSS 与 ES Modules，服务端基于 Node.js 原生 HTTP 模块。应用支持本地模式与公开无状态模式，并将账号、会员和公众号能力拆分为独立服务模块。
Native Web
语义化 HTML、原生 CSS、ES Modules 与模块化界面逻辑。
Node.js 20+
原生 HTTP 路由、模块化服务与统一 JSON 响应。
Local JSON
原子写入、备份恢复与明确的数据目录边界。
Protected by design
CSRF 防护、安全 Cookie、Origin 检查与公众号凭据加密。
PROJECT TAKEAWAY
让工具退到幕后，让内容成为界面的视觉中心。
这是一次围绕真实写作流程展开的 Vibecoding 实践：从轻量编辑器出发，逐步建立模板、草稿、兼容、安全与权限能力，同时保留本地优先的产品气质。