项目目标:面向公众号创作者、中小教培机构;核心能力:多源内容导入、富文本编辑、长文自动拆分、贴图卡片批量生成、多平台导出、轻量化团队协作;规避过度AI生成,AI仅做辅助润色;优先兼容微信公众号HTML/CSS子集,解决格式错乱痛点。

约束:学生6‑8人团队,8个月工期;不采用重型中间件;优先浏览器本地能力,服务端做持久化、异步任务;拒绝大模型全量生成内容,以规则引擎为主。

一、系统总体业务架构

四层分层:接入层 → 前端应用层 → 业务服务层 → 存储层

外部依赖:大模型API(仅辅助)、图片处理能力;无重型第三方编辑器SaaS,全部自研/二次开发。

业务链路:

多源文件导入 → 内容清洗解析 → 富文本编辑器编辑 → 品牌模板渲染 → 长文语义拆分 → Canvas贴图批量生成 → 预览校验 → 协作审核 → 多格式导出

二、功能模块详细设计

1. 用户与权限模块

(1) 用户体系

- 普通创作者:支持个人稿件管理、素材库管理、模板配置、贴图生成与导出全流程操作。

- 机构角色:内设管理员、撰稿人、审核人三类角色,基于轻量化RBAC模型实现权限隔离。

- 会话认证:采用JWT登录校验,支持账号密码登录、团队邀请入组功能,架构轻量化、适配学生项目。

(2) 稿件版本快照

- 系统自动保存稿件编辑快照,支持版本回滚、内容对比、操作溯源,限制最大快照数量,避免资源冗余。

(3) 操作日志

- 全程记录内容导入、编辑、贴图生成、文件导出、稿件审核等核心操作,满足中小机构内容溯源、权责区分需求。

2. 多源内容导入 \& 内容清洗模块(核心壁垒)

支持Markdown、DOCX、网页HTML、纯文本、剪贴板粘贴等多渠道内容导入,适配创作者日常内容迁移场景。

系统内置标准化清洗规则:

- 自动清除零宽字符、隐藏控制字符、AI复制冗余标记、错乱空行与嵌套标签。

- 过滤公众号不兼容HTML标签与非法CSS样式,仅保留微信官方支持的样式子集。

- 智能修复错乱段落、编码异常、格式崩坏问题,统一内容结构。

所有外源内容统一解析为内部结构化文档对象,标准化存储标题、段落、图片、列表、引用等模块,为后续编辑、拆分、渲染提供统一数据底座。

核心优势:摒弃直接DOM导入渲染模式,先结构化清洗、再页面渲染,从根源解决市面编辑器普遍存在的样式错乱问题。

3. 定制富文本编辑器模块

基于ProseMirror底层二次开发,不套用商用成品编辑器,深度适配公众号渲染规则,实现可控、纯净的图文编辑能力。

- 支持全文基础编辑:标题层级、段落排版、列表、引用、字体样式、图文插入等常规编辑功能。

- 公众号专属适配:输出纯净可粘贴HTML,自动过滤微信后台会丢弃的冗余样式,实现“编辑即发布”。

- 品牌模板一键复用,快速统一全文视觉风格,适配机构标准化排版需求。

- 联动素材库资源,图片插入自动触发预处理规则,保障图文合规统一。

- 支持一键复制纯净内容,直接粘贴至公众号后台,无需二次排版修正。

4. 机构品牌模板管理

- 支持自定义机构专属模板,可自由配置主辅色调、字体字号、行段间距、封面样式等视觉参数。

- 支持模板新增、保存、另存、一键应用,快速批量统一多篇稿件排版风格。

- 区分机构共享模板与个人私有模板,实现团队统一规范与个人自定义需求兼顾。

5. 图片预处理模块

提供浏览器本地处理、服务端处理双模式,优先采用前端本地处理,降低服务器带宽与算力压力。

支持图片批量压缩、尺寸合规校验、格式标准化转换、隐私元数据清理,完全适配公众号封面、正文配图的官方规范,规避图片上传违规、变形、模糊等问题。

6. 长文智能拆分引擎(核心业务模块)

设计原则:规则引擎为主、AI辅助为辅,不依赖大模型实现核心拆分逻辑,稳定性强、无幻觉风险。

以结构化文档对象为输入,通过多层规则实现智能拆分:

- 依托标题层级自动切分文章章节,保证内容逻辑完整。

- 通过段落长度阈值自动拆分超长内容,适配贴图短内容展示逻辑。

- 保护性识别列表、引用块,避免结构化内容被粗暴截断。

- 支持系统自动拆分+用户手动微调,可自由增删、拖拽调整拆分节点。

最终输出标准化贴图内容单元,为批量贴图生成提供结构化素材。

7. 贴图卡片可视化工作台(Canvas核心)

自研Canvas绘图画布,固定官方3:4标准贴图比例,实现自动化、批量化、可视化贴图创作能力。

- 智能画布渲染:支持文字自适应缩放、溢出检测、图层分层管理,自动规避裁切、文字溢出问题。

- 一键批量生成:根据长文拆分单元,自动成套生成全套贴图作品。

- 精细化单图编辑:支持文案修改、背景替换、滤镜调整、配图替换、字体样式自定义。

- 手机端效果模拟:实时预览微信展示效果,提前排查适配问题。

- 成套批量导出:支持PNG图片包+配套文案CSV文件同步导出,适配多平台分发。

8. AI辅助能力模块(严格约束,防幻觉)

严格限定AI定位:仅辅助润色,不凭空生成正文内容,所有输出基于用户原始稿件。

核心辅助能力:

- 长文段落精简、贴图短句润色优化,适配短视频图文阅读场景。

- 文章标题优化、短句打磨,提升内容吸引力。

- 智能生成配图Prompt,辅助创作者图文搭配。

风险约束机制:

- 限制AI输出长度与格式,强规则校验输出内容。

- 所有AI修改内容高亮标记,需人工确认方可生效。

- 支持一键还原原始文本,彻底杜绝AI幻觉篡改风险。

9. 轻量化团队协作模块(面向中小教培机构)

- 稿件流转机制:支持撰稿人提交、审核人批阅驳回,附带批注意见,适配机构标准化内容审核流程。

- 版本回溯能力:依托快照机制,支持历史版本随时回滚,避免内容误删、误改丢失。

- 团队资源共享:机构素材库、公共模板全员共享,统一团队内容产出风格。

- 轻量化评论批注,聚焦内容协作,摒弃冗余复杂社交功能。

10. 合规检测模块(教培场景)

自研轻量化规则词库与违规检测逻辑,无需依赖大模型即可完成内容风控,适配教培行业宣传合规要求。

- 智能扫描全文违规话术、敏感词汇,精准标记风险位置。

- 配套给出合规修改建议,辅助创作者自查自纠。

- 仅做风险预警提示,不篡改用户原文,保障内容自主权。

11. 多平台导出模块

实现一次创作、多端适配,覆盖主流自媒体平台分发需求:

- 公众号纯净HTML格式,可直接粘贴发布。

- 知乎适配Markdown格式,适配图文专栏排版。

- 贴图图片包+配套文案CSV文件,成套导出便于分发归档。

- 原生Markdown源文件导出,方便二次编辑与留存。

12. 素材库模块

整合个人私有素材与机构共享素材资源,支持图片上传、分类管理、快速检索,所有上传图片自动执行预处理规范,统一素材质量与格式标准,支撑日常高频图文创作。

三、模块风险与优化点

1. 性能边界

系统性能压力主要集中在超大文档解析、大批量贴图渲染、多图批量处理场景。项目采用轻量化优化方案,通过子线程分片解析规避主线程阻塞,批量任务分片执行、自动资源回收,超大批量渲染自动降级为后端异步处理,配合本地缓存复用机制,有效解决页面卡顿、内存溢出、任务超时等问题,保障系统流畅运行。

2. 浏览器兼容性

系统基于现代Web技术开发,完全适配Chrome、Edge、Firefox、Safari主流浏览器,放弃老旧浏览器兼容以减少冗余代码。针对不同浏览器的Canvas渲染、样式解析差异做统一适配,确保多终端贴图效果、排版样式、导出质量高度一致。

3. 业务边界

系统聚焦内容清洗、图文编辑、智能拆分、贴图生成、多端导出核心能力,不对接第三方平台发布接口,规避微信平台权限限制与风控风险。仅输出标准化、可直接使用的内容文件与素材,在保证产品实用性、完整性的同时,大幅降低学生项目的落地与运维难度。