第一步：粘贴文章
复制公众号文章或任意富文本，也可以切换到 HTML 源码输入。
公众号模块，提取后继续复用
粘贴富文本或 HTML，在浏览器本地拆出标题、引用、分隔线与图文卡片。
案例预览
sample从整篇文章到独立模块
完成提取后，真实模块会在这里隔离预览。
提取、编辑、复用，只需三步
整套流程在当前浏览器完成，不上传文章内容。
第二步：提取模块
把顶层标题、引用、分隔线、SVG 与图文块拆成独立卡片。
第三步：编辑复用
换图、改色、复制 inline HTML，或保存到本地素材库。
把已有排版，变成可重复使用的素材
提取、编辑、复制与保存集中在同一个本地工作台。
提取可复用模块
- 识别顶层标题、引用与分隔线
- 保留 inline HTML 与 SVG
- 每个模块独立预览
- 不必重新临摹已有样式
直接修改内容
- 替换模块中的图片
- 统一替换 inline 颜色
- Shadow DOM 隔离页面样式
- 编辑结果立即预览
复制 inline HTML
- 一键复制当前模块
- 保留原始 inline 样式
- 适配公众号与多数 CMS
- 复用前可单独检查模块
建立本地素材库
- 常用模块保存到 localStorage
- 下次打开继续取用
- 通过 JSON 导入与导出
- 文章内容不会上传
哪些模块更适合提取
结构越完整、样式越内联，跨编辑器复用就越稳定。
推荐提取
结构完整的标题、引用和分隔线
带 inline 样式的 SVG 与图文卡片
不依赖外部脚本的独立内容块
需要检查
依赖平台私有组件或外部脚本
使用特殊字体和远程样式表
复制后仍应检查移动端显示
从整篇文章到独立模块卡片
不改变模块本身，只把可以复用的部分从文章中拆出来。
处理前
标题、引用与卡片锁在整篇文章中，难以单独修改和复用。
处理后
每个模块独立预览，可换图、改色、复制 HTML 或存进素材库。
关于公众号模块提取，你可能还想知道
关于导入、跨站限制、本地素材库与复制兼容性的常见问题。
打开文章后全选复制并粘进输入框；工具读取剪贴板中的富文本 HTML，也可以直接粘贴 HTML 源码。
相关工具
继续处理图标、配色与文章封面，完成公众号内容的视觉整理。
排版模块已就绪——继续为内容生成成套视觉
用 PixPix 制作文章封面、商品场景、品牌配图与营销视频，再将新素材快速替换进可复用模块。
