返回作品列表

网友作品 #000079 · 提交于 2026/08/09

源码入稿:微信公众号HTML一键导入草稿箱插件

★★★★★业余水平AI 编程工具国际顶级模型browsericon

作品作者

打工仔业余水平
开发工具
AI 编程工具
AI 模型
国际顶级模型
使用 Skill
browsericon
提交你的作品

作品简介

「源码入稿」是一款只在微信公众号后台运行的 Chrome/Edge 扩展,解决 HTML 排版稿贴进公众号后台后样式丢失、标题作者无法自动填写、封面重复上传等问题。插件读取 HTML 中的标题、作者、摘要和正文,把正文转换为微信兼容结构后分别写入编辑器对应位置,并自动保存为草稿,一次导入即可完成过去反复粘贴调整的全过程。

核心亮点

  • 一次写入:自动读取 HTML 中的标题、作者、摘要与正文,分别填入公众号编辑器对应输入位置
  • 微信兼容转换:正文转换为微信兼容结构,并清理脚本、危险链接和事件属性,保证内容合规
  • 封面复用:上传并复用已经存在的封面素材,避免重复上传
  • 导入前备份:写入前自动备份原内容,支持恢复,降低误操作风险
  • 视频与草稿队列:支持本地视频素材上传和多篇草稿排队导入
  • 保存状态校验:自动保存草稿并检查正文、封面和保存状态
  • 边界克制:不执行发表、群发或定时发布操作,只完成到草稿箱环节

技术与工具

  • 产品形态:Chrome/Edge 浏览器扩展(Manifest V3),仅运行在微信公众号后台
  • 扩展结构:借助 browser Skill 组织 Manifest V3 扩展结构、页面脚本、后台服务和权限控制
  • 插件图标:用 icon Skill 制作与微信工具栏风格协调的图标
  • 开发方式:AI 编程类工具 + 国际顶级大模型辅助开发

开发过程

适配微信公众号编辑器的动态页面结构是开发中最难的部分:要分别定位标题、作者、摘要、正文的填写位置,并处理封面复用、视频上传、写入前备份与草稿保存状态校验,经多轮真实页面测试后,插件已能把自包含 HTML 稳定转换为微信兼容内容。

适用场景

  • 公众号运营:习惯先写好 HTML 排版稿的内容创作者,一键入稿省去反复粘贴调样式
  • 代运营团队:多账号、多篇草稿批量导入的场景,减少手动排版与重复上传的工作量和失误率
原始提交内容(点开查看,可复制全文去问 AI)

项目背景

HTML 排版稿复制到微信公众号后台后,容易出现样式丢失、标题作者无法自动填写、封面重复上传等问题,因此制作了一个只在微信公众号后台运行的 Chrome/Edge 扩展。

主要功能

  • 读取 HTML 中的标题、作者、摘要和正文;
  • 将正文转换为微信兼容结构;
  • 上传并复用已经存在的封面素材;
  • 写入前自动备份,支持恢复;
  • 支持本地视频素材和多篇草稿队列;
  • 清理脚本、危险链接和事件属性;
  • 自动保存草稿并检查正文、封面和保存状态;
  • 不执行发表、群发或定时发布操作。

browser Skill 用于组织 Manifest V3 扩展结构、页面脚本、后台服务和权限控制;icon Skill 用于制作与微信工具栏风格协调的插件图标。