返回作品列表
wechat-html-source-extension
给微信公众号后台编辑器增加 HTML 导入与读取能力的 Chrome 扩展。
功能特点
- 在公众号编辑器中注入 HTML 源码入口
- 支持把 HTML 粘贴进正文编辑区
- 支持读取当前正文 HTML 做排查与调试
- 导入前做基础清洗，降低高风险标签和事件属性带来的问题
技术栈
Chrome Extension
Manifest V3
JavaScript
CSS
这是一个面向微信公众号后台编辑器的 Chrome 扩展，核心目的很直接: 给原本只适合可视化编辑的界面补上一个 HTML 入口。
在实际发布流程里，很多内容已经先在本地完成排版，问题不在“会不会写 HTML”，而在微信公众号后台缺少稳定的导入与排查手段。这个扩展把能力补在编辑现场: 可以把 HTML 直接写进正文，也可以把当前正文的 HTML 读出来做调试。
解决的真实场景
- 把已经生成好的 HTML 片段快速导入公众号正文
- 排查公众号编辑器对某些结构和样式的二次清洗
- 临时比对编辑器里当前内容和本地成品之间的差异
设计重点
扩展以 content script 注入公众号编辑页，优先在工具栏提供 HTML 源码 入口；当编辑器结构变化导致原位挂载不稳定时，再降级成悬浮按钮，保证入口不失效。
导入前会先做一层基础清洗，移除高风险标签和事件属性。它不是完整的安全沙箱，但足够把常见的危险内容挡在外面，降低直接粘贴 HTML 时的风险。
价值
这个工具不是拿来“做网页转公众号”的万能方案，而是给现有排版工作流补上一段缺口。它让本地生成 HTML、进入公众号后台、检查最终落地结果，变成一条更顺手的链路。