AI精读教程：《最系统的AI开发学习精品手册》 徐小夕
它比较适合如何群体：
- 公众号创作者：快速生成标题、摘要、大纲、续写内容，并一键排版。
- 新媒体编辑：统一文章风格，减少复制到公众号后台后的样式丢失。
- 品牌运营团队：沉淀固定主题、样式块和内容模板。
- 知识型内容团队：编辑长文、教程、代码块、图文内容，并保留版本快照。
当然这个项目还有很多优化的地方，期待大家共建。话不多说，先上开源地址：wx-editor：https://github.com/jitOffice/wx-editorJitWord SDK：https://github.com/jitOffice/jitword-sdk为什么做这个项目写这个工具，其实并不是要代替市面上已有的微信排版工具，而是基于程序员内容创作的角度，能把md的技术文章，一键转换成可以在公众号良好展现的技术文章，同时支持多主题切换，满足不同技术博主的喜好。
文档编辑部分基于JitWord实现，叠加公众号场景能力，目标是让创作者在一个工作台里完成：构思文章 → AI 辅助 → 富文本编辑 → 主题排版 → 预览检查 → 复制到公众号后台
核心亮点AI 写作助手
支持 AI 结果以结构化富文本方式插入编辑器，并提供信息卡片、重点引言、提示提醒、步骤清单、总结卡片等样式包装。JitWord 富文本编辑器集成
- 默认加载本地化 JitWord SDK 产物。
- 支持 JitWord 初始化失败时自动降级到基础
contenteditable编辑器。 - 通过
EditorAdapter隔离 SDK 初始化、内容读写、插入 HTML、销毁生命周期等差异。 - 针对第三方 SDK 内部图片上传默认端点做了兼容处理，避免本地开发出现
/upload/free404。
公众号样式块与主题系统
- 内置公众号常用样式块：卡片、引言、提示、步骤、总结、分割线、代码块等。
- 支持主题切换，预览与编辑内容保持一致。
- 样式块以微信兼容的 HTML 和内联样式为核心，减少复制后的样式丢失。
- Markdown 分割线语法
---、***、___会自动映射为编辑器支持的分割线。
微信兼容导出
- HTML 清洗与安全过滤。
- 样式内联，适配公众号后台粘贴场景。
- 自动补齐公众号常见兼容样式。
- 发布前检查非 HTTPS 链接、本地图片等潜在问题。
- 一键复制到公众号后台，优先使用 Clipboard API，失败时自动降级。
图片上传双模策略
项目内置图片上传策略，兼顾本地编辑体验和公众号发布兼容：
- 配置了图床：上传到 ImgBB 或自定义图床接口，返回线上 HTTPS 图片链接。
- 未配置图床：编辑器内默认转为 base64 插入，不发起任何远程请求，避免本地 404。
- 上传失败：编辑器内自动降级为 base64，保证用户编辑不中断。
- 复制到公众号前：若检测到 base64/blob 本地图片，会要求配置图床并转为线上 URL，以保证公众号后台可正常显示。
本地优先的数据管理
- 本地草稿自动保存。
- IndexedDB 持久化文章内容。
- localStorage 保存 AI 与图床配置。
- 支持版本快照，降低误操作风险。
- 不依赖后端即可完整运行 MVP 功能。
功能一览
| 模块 | 能力 |
|---|---|
| 创作工作台 | 三栏式布局、标题编辑、保存状态、字数统计、GitHub 链接 |
| 编辑器 | JitWord SDK、本地降级编辑器、HTML 插入、图片粘贴/拖拽/上传 |
| AI 助手 | 润色、续写、标题、摘要、大纲、排版建议、样式化插入 |
| 样式中心 | 主题切换、样式块插入、分割线、引用、代码块、卡片布局 |
| 微信预览 | 移动端公众号预览、主题实时同步、兼容问题提示 |
| 导出复制 | HTML 清洗、样式内联、本地图片检测、复制到剪贴板 |
| 图片处理 | ImgBB、自定义图床、base64 兜底、SDK 默认上传拦截 |
| 数据管理 | Pinia 状态、本地草稿、版本快照、IndexedDB 持久化 |
技术栈
| 类型 | 技术 |
|---|---|
| 前端框架 | Vue 3、Composition API、
|
