花了3天,我写了一款开源AI公众号编辑器

发布时间:2026-07-22 12:47  浏览量:1

这两年一直在深耕

AI Agent

与大模型应用,比如

JitKnow

AI 知识库、

JitWord协同AI文档

Pxcharts

超级表格

,同时也在持续和大家分享

GitHub

上真正能落地、能解决实际问题的优质AI开源项目。

最近基于

JitWord

协同AI文档SDK,我写了一款开源的公众号编辑器——

wx-editor

微信文章 AI 编辑器

是一个基于

Vue 3 + Vite + TypeScript + Pinia + JitWord SDK

构建的微信公众号内容创作工作台。它把公众号写作流程中的

AI 辅助创作、富文本编辑、样式块排版、主题切换、移动端预览、微信兼容导出、图片上传处理、本地草稿管理

集成到一个轻量前端应用中。

当然这个项目还有很多优化的地方,期待大家共建。

话不多说,先上开源地址:

wx-editor:

https://github.com/jitOffice/wx-editor

JitWord SDK:

https://github.com/jitOffice/jitword-sdk

写这个工具,其实并不是要代替市面上已有的微信排版工具,而是基于程序员内容创作的角度,能把md的技术文章,一键转换成可以在公众号良好展现的技术文章,同时支持多主题切换,满足不同技术博主的喜好。

构思文章 → AI 辅助 → 富文本编辑 → 主题排版 → 预览检查 → 复制到公众号后台

支持 AI 结果以结构化富文本方式插入编辑器,并提供信息卡片、重点引言、提示提醒、步骤清单、总结卡片等样式包装。

默认加载本地化 JitWord SDK 产物。支持 JitWord 初始化失败时自动降级到基础 contenteditable 编辑器。通过 EditorAdapter 隔离 SDK 初始化、内容读写、插入 HTML、销毁生命周期等差异。针对第三方 SDK 内部图片上传默认端点做了兼容处理,避免本地开发出现 /upload/free 404。

内置公众号常用样式块:卡片、引言、提示、步骤、总结、分割线、代码块等。支持主题切换,预览与编辑内容保持一致。样式块以微信兼容的 HTML 和内联样式为核心,减少复制后的样式丢失。Markdown 分割线语法 ---、***、___ 会自动映射为编辑器支持的分割线。

HTML 清洗与安全过滤。样式内联,适配公众号后台粘贴场景。自动补齐公众号常见兼容样式。发布前检查非 HTTPS 链接、本地图片等潜在问题。一键复制到公众号后台,优先使用 Clipboard API,失败时自动降级。

项目内置图片上传策略,兼顾本地编辑体验和公众号发布兼容:

配置了图床

:上传到 ImgBB 或自定义图床接口,返回线上 HTTPS 图片链接。

未配置图床

:编辑器内默认转为 base64 插入,不发起任何远程请求,避免本地 404。

上传失败

:编辑器内自动降级为 base64,保证用户编辑不中断。

复制到公众号前

:若检测到 base64/blob 本地图片,会要求配置图床并转为线上 URL,以保证公众号后台可正常显示。