花了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,以保证公众号后台可正常显示。