告别壹伴会员费！我开源了一个免费插件

让公众号支持HTML排版，排版效果直接拉满，完全免费

WeChatHTMLPlug是一款浏览器插件，仿照壹伴实现了在微信公众号官方文章编辑器页面插入HTML类型文章的功能，支持HTML注入与源码编辑、实时预览与双向同步，完全免费开源。

你有没有遇到过这种情况：花了半天时间写好了公众号文章，结果在编辑器里排版丑得没法看。想加个好看的标题样式？没有。想插入一个漂亮的信息卡片？做不到。想调整一下段落间距？只能手动敲空格。

更气人的是，去网上搜解决方案，十个有九个推荐你开壹伴会员。年费几百块，就为了能在编辑器里用几个模板。好不容易找到个能用的免费工具，结果要么功能残缺，要么广告满天飞，用起来比不用还糟心。

作为一个已经写公众号一段时间的开发者，我终于忍不住自己动手了——WeChatHTMLPlug，一款完全免费的浏览器插件，让你在公众号官方编辑器里直接插入HTML代码，实现专业级排版效果。

项目档案

核心功能拆解

01 / HTML注入与源码编辑

就像你在VS Code里写代码一样，WeChatHTMLPlug让你在公众号编辑器里直接编辑HTML源码。想用什么样式、什么布局，完全由你掌控。

HTML源码编辑界面截图

02 / 实时预览与双向同步

左边写代码，右边看效果，修改实时同步。不用反复保存预览，所见即所得。

实时预览界面截图

03 / 自由侧边栏浮窗

插件面板隐藏在侧面浮窗中，不使用时不遮挡原始的编辑区域，用的时候点出来，不用的时候收起来。

侧边栏拖拽效果截图

04 / 一键格式化HTML

从网上复制的HTML模板经常丢失换行和缩进，看着头大？一键格式化功能帮你自动排版，代码瞬间变得整齐可读。

一键格式化前后对比截图

快速上手（3步搞定）

Step 1: 安装插件

获取到crx文件后改为.zip直接解压即可本地加载（需要开发者模式）。

插件安装界面截图

Step 2: 打开公众号编辑器

进入微信公众号后台，新建图文消息，你会看到编辑器右侧出现了WeChatHTMLPlug浮窗。

插件面板位置截图

Step 3: 插入HTML

在插件面板里粘贴你的HTML代码，点击"同步到正文"，搞定！

插入HTML操作截图

实战体验

场景一：插入专业标题样式

输入：一段带渐变背景的HTML标题代码

输出：编辑器里出现了一个漂亮的渐变标题，和壹伴的付费模板效果一样

评价：完全免费实现付费功能，省下的会员费可以买好几杯咖啡

标题样式效果截图

场景二：插入信息卡片

输入：一个带边框、阴影、圆角的HTML卡片代码

输出：编辑器里出现了一个专业的信息卡片，比默认的引用样式好看10倍

评价：排版效果直接拉满，读者阅读体验大幅提升

信息卡片效果截图

场景三：一键格式化混乱代码

输入：从网上复制的一段挤在一起的HTML代码

输出：点击"格式化"按钮后，代码自动排版，层次分明，易于修改

评价：拯救了无数个被混乱代码折磨的夜晚

格式化前后对比截图

与壹伴对比

适合谁用

强烈推荐：

• 公众号运营者：想要更好的排版效果
• 前端开发者：习惯用HTML控制样式
• 设计师：对排版有较高要求
• 学生党：预算有限但想要专业效果
• 隐私控：不想把内容上传到第三方服务器

不太适合：

• 完全不懂HTML的用户（需要学习基础标签）
• 只需要简单排版的用户（默认编辑器够用）

第二期功能规划

根据大家的反馈，我正在规划第二期的增强功能：

排版与编辑增强：

• 格式按钮：快速插入常用标签（h1/h2/p/div等）
• 样式库：内置多种风格的HTML代码片段（信息框、按钮、分栏布局等）
• 文档导入：支持从本地或URL导入Markdown、Word文档，自动转换为HTML

我的想法

开发这个插件的初衷很简单：我自己需要，但不想花钱开会员。

写公众号一段时间，我试过各种排版工具，要么太贵，要么太难用。作为一个开发者，我想：为什么不能自己做一个呢？

现在插件开源了，免费给大家用。但我更希望能听到你们的真实反馈——哪些功能好用？哪些地方需要改进？你们还需要什么小工具、小插件？

我会根据大家的使用体验和意见进行迭代修改。如果你们有其他小工具、小插件的需要，我也可以在工作之余进行开发并分享在群内。

"最好的工具，不一定是那个最贵的。但一定是那个真正理解你痛点的人做出来的。"

希望WeChatHTMLPlug能帮到你。

推荐指数

⭐⭐⭐⭐⭐ 5/5

行动指引：扫描下方二维码加入微信群，获取插件下载链接，还能第一时间体验新功能、提出你的需求！

微信群二维码