智能排版源码（公众号自动排版工具）

源码简介

这套源码是一个纯前端的公众号文章自动排版工具（工具名为「智能排版」），免费提供给大家做学习、本地测试和二次改版。把原文粘贴进去，它会按规则识别标题、导语、段落、引用、清单和课程目录，自动挑出重点句，并在右侧手机预览里实时渲染成可直接发到微信的版式。整个项目只有 index.html、script.js、styles.css 三个文件，无后端、无数据库、不用装依赖，浏览器打开即用。

适用场景

• 公众号运营者快速把草稿整理成统一风格的发文版式
• 知识博主、课程主理人排版带课程目录和转化引导的推文
• 前端学习者参考纯原生 JS 实现的结构识别与富文本复制

技术栈与运行环境

• 前端：原生 HTML + CSS + JavaScript，无框架、无打包构建
• 后端：无（纯静态前端）
• 数据库：无
• 运行环境：任意现代浏览器直接打开 index.html；或放到静态服务器 / 对象存储
• 其他依赖：浏览器 Clipboard API（复制富文本）；在线加载 Google Fonts 的 Noto Serif SC 字体（可改为本地字体离线使用）

功能亮点

• 原文智能拆解：粘贴整篇草稿后，按规则自动切分标题、导语、段落、引用块与清单（classifyLines / splitBlocks）
• 重点内容提取：内置关键词评分规则（scoreKey），从正文里挑出 5 条最像「重点」的句子，可手动增删
• 课程目录识别：自动识别「课程目录 / 课程大纲」等区块并解析其中的链接项，生成可折叠目录（isCatalogTitle / parseCatalogLine）
• 实时公众号预览：右侧手机外壳里实时渲染成微信发文版式，含标题、导语、重点卡、目录、引用与结尾引导
• 强调色自定义：提供取色器，一键切换全篇强调色与卡片配色（hexToRgba）
• 一键复制富文本：生成内联样式的 HTML，可直接粘贴进微信编辑器；同时支持复制纯文本（ClipboardItem + 选区复制兜底）

安装与部署提示

1. 直接双击 index.html 用 Chrome / Edge 等现代浏览器打开即可使用，无需服务器

2. 没有数据库、没有后端、没有 npm 依赖，放到任意静态空间或对象存储也能访问

3. 预览用到 Google Fonts 在线字体，离线环境会回退到系统字体，不影响排版与复制

4. 复制富文本依赖浏览器 Clipboard API；个别旧浏览器会自动回退到选区复制方式

截图与演示说明

常见问题

这个工具需要服务器或数据库吗？

不需要。它是纯静态前端，三个文件浏览器打开即用，适合本地或个人小服务器部署。

适合二次开发吗？

非常适合。源码只有 3 个文件、无构建步骤，拆解规则和样式都集中在 script.js 与 styles.css，改配色、改识别规则或加新模块都很直接。

安全风险提示

特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！

说明：本工具为纯前端静态页面，未引入任何后端、数据库或远程控制逻辑，也未发现加密混淆、动态执行或隐藏上传入口。唯一外部请求是加载 Google Fonts 字体，离线使用不影响核心功能。

下载说明

源码仅供学习研究、测试部署和二次开发参考，商用前请自行确认授权、版权和安全风险。