🧩 CHROME EXTENSION

公众号 HTML 插件

配合云中书排版工具,突破微信公众号编辑器的 HTML 限制,一键插入精美排版格式

⬇️ 下载插件 ☁️ 打开云中书
Features

核心功能

专为微信公众号编辑器设计,解决 HTML 排版无法直接使用的痛点

🎯

精准插入

配色、字体、间距、背景全部保留,所见即所得,不再样式丢失

🛡️

突破 ProseMirror 限制

微信编辑器会过滤 grid/flex 等现代 CSS,本插件绕过该限制完整保留

5 重策略兜底

内置 5 种插入方案逐级降级,应对各种编辑器版本,成功率极高

🎨

悬浮图标随时可用

进入编辑器页面自动出现紫色悬浮图标,点击即用,不干扰编辑流程

How to Use

三步上手

从安装到插入排版,5 分钟即可完成

1
安装浏览器插件

下载 ZIP 并解压 → Chrome 地址栏输入 chrome://extensions/
开启 开发者模式 → 加载已解压的扩展程序 → 选择解压后的文件夹

Edge 浏览器同理:edge://extensions/
2
用云中书生成 HTML

打开 云中书 YunType,粘贴 Markdown 内容,选择配色 / 字体 / 比例
点击「导出 HTML」,复制生成的代码

支持小红书风格、公众号长图、信息图等多种格式
3
插入到公众号编辑器

打开微信公众号后台,新建图文,编辑器右侧出现紫色 <> 悬浮图标
点击图标 → 粘贴 HTML → 点「插入」 → 排版格式直接出现 🎉

How It Works

技术原理

为什么普通粘贴不行,这个插件却可以?

核心策略:renderCopy(渲染后复制)

1

将 HTML 渲染进屏幕外的 contenteditable 暂存区,让浏览器真实渲染出 DOM

2

execCommand('copy') 将渲染结果写入真实系统剪贴板(非合成 DataTransfer)

3

对编辑器执行 execCommand('paste'),ProseMirror 收到的是真实粘贴,完整保留 inline style ✅

若策略 A 失败,自动降级至合成 ClipboardEvent → execCommand insertHTML → Range insertNode → innerHTML,5 重兜底覆盖各种浏览器版本。

Compatibility

兼容性

支持主流 Chromium 内核浏览器

🌐 Google Chrome
🔷 Microsoft Edge
🟠 其他 Chromium 浏览器

立即开始使用

下载插件,配合云中书,让公众号排版不再将就