核心功能
专为微信公众号编辑器设计,解决 HTML 排版无法直接使用的痛点
精准插入
配色、字体、间距、背景全部保留,所见即所得,不再样式丢失
突破 ProseMirror 限制
微信编辑器会过滤 grid/flex 等现代 CSS,本插件绕过该限制完整保留
5 重策略兜底
内置 5 种插入方案逐级降级,应对各种编辑器版本,成功率极高
悬浮图标随时可用
进入编辑器页面自动出现紫色悬浮图标,点击即用,不干扰编辑流程
三步上手
从安装到插入排版,5 分钟即可完成
下载 ZIP 并解压 → Chrome 地址栏输入 chrome://extensions/
开启 开发者模式 → 加载已解压的扩展程序 → 选择解压后的文件夹
打开 云中书 YunType,粘贴 Markdown 内容,选择配色 / 字体 / 比例
点击「导出 HTML」,复制生成的代码
打开微信公众号后台,新建图文,编辑器右侧出现紫色 <> 悬浮图标
点击图标 → 粘贴 HTML → 点「插入」 → 排版格式直接出现 🎉
技术原理
为什么普通粘贴不行,这个插件却可以?
核心策略:renderCopy(渲染后复制)
将 HTML 渲染进屏幕外的 contenteditable 暂存区,让浏览器真实渲染出 DOM
用 execCommand('copy') 将渲染结果写入真实系统剪贴板(非合成 DataTransfer)
对编辑器执行 execCommand('paste'),ProseMirror 收到的是真实粘贴,完整保留 inline style ✅
若策略 A 失败,自动降级至合成 ClipboardEvent → execCommand insertHTML → Range insertNode → innerHTML,5 重兜底覆盖各种浏览器版本。
兼容性
支持主流 Chromium 内核浏览器