深夜赶推文排版
运营小陈晚上十点收到领导临时通知，明早八点必须发布一篇品牌联合推文。用 Word 排好版复制到公众号后台，所有空行和缩进全乱，重新调整格式花了四十分钟。改用本编辑器，在浏览器里直接粘贴 Word 内容，自动保留标题层级、段间距和引用样式，复制到公众号后台格式不乱，十五分钟完成排版。
Markdown 编辑 editor0 字 · 0 行
实时预览 preview—
预览区 · 直接复制粘贴到公众号编辑器
就绪 · 纯本地渲染，文本不上传、不入 URL
第一节
关于本工具
About写完公众号正文，复制到后台发现格式全乱：段间距消失、引用块变普通文字、图片说明跑到正文里。这个编辑器在粘贴前自动把微信富文本转成干净的结构——保留标题层级、引用、加粗和有序列表，同时去掉编辑器自带的多余空行和字体标签。排版结果在浏览器本地完成，内容不上传服务器，适合频繁改稿的运营和需要在多个平台同步内容的创作者。
使用场景
跨平台内容搬运
市场部小张需要把知乎上一篇 3000 字的长回答搬到自己公众号上。知乎编辑器不支持直接复制到公众号后台，手动调整图片位置和引用格式耗时两小时。用本工具先把知乎内容粘贴进编辑器，自动过滤掉多余样式和特殊字符，保留加粗、引用和有序列表，再一键复制到公众号后台，半小时完成搬运。
多号同步发布排版
品牌主理人同时运营三个公众号：主号、服务号、子品牌号。每篇文章在后台分别排版，经常出现某个号样式错乱。改用本编辑器统一排版后，复制到三个后台的格式完全一致，不再出现主号正常、服务号图片错位的情况。每周节省两小时重复排版时间。
模板复用批量排版
教育机构每周发布五篇课程推文，每篇结构相同：标题、讲师简介、课程大纲、报名二维码。之前每篇都要重新设置字体、字号、行间距和分割线。用本编辑器保存一次模板，后续每周只需替换文字和图片，复制到公众号后台格式不变，每周排版时间从三小时压缩到四十分钟。
协作审稿格式统一
三人内容团队用飞书文档协作写稿，定稿后由一人负责排版发布。飞书文档复制到公众号后台，列表缩进和引用样式经常丢失，需要手动补全。用本编辑器作为中转站，团队成员在飞书写完，排版员直接粘贴进编辑器，所有样式完整保留，再复制到后台发布，不再出现某段引用漏标的情况。
对比矩阵
| 维度 | 本工具 | 竞品 A（135编辑器） | 传统方法（Word 排版 → 粘贴到公众号） |
|---|---|---|---|
| 排版保留度 | 保留字体/字号/颜色/缩进/引用样式，粘贴后基本不变 | 依赖平台模板，自定义样式有时走样 | Word 格式到公众号后台几乎全部丢失，需重新手动调 |
| 复制粘贴步骤 | 一键复制 → 直接粘贴到公众号后台 | 需先保存为模板 → 再应用到文章 → 再复制 | Word 排版 → 逐段复制 → 后台逐段调整格式 |
| 离线可用 | 纯浏览器端，断网也能用（已加载后） | 需联网加载模板/素材库 | 完全离线（Word 本身） |
| 隐私 | 内容不出浏览器，不上传服务器 | 内容会上传至平台服务器保存 | 内容完全在本地，无上传 |
| 收费 | 免费，无会员/次数限制 | 免费版有水印/功能限制，高级功能需会员 | Word 需正版授权费用，但排版本身不额外收费 |
| 操作门槛 | 打开即用，无需注册/登录 | 需注册账号，熟悉模板库/样式库 | 需掌握 Word 排版技巧，且了解公众号后台格式兼容性 |
第二节
使用指南
Getting Started使用步骤
- 1在编辑区粘贴或键入公众号正文，右侧预览区同步渲染排版效果，字号、行距、颜色即时可见
- 2点工具栏「字体」下拉框选默认字体（如微软雅黑），正文区所有文字立即更新为选中字体
- 3选中某段文字后点「加粗」或「色号」按钮，被选中文字样式即刻改变，预览区对应位置同步高亮
- 4点底部「复制全文」按钮，系统自动将排版后的 HTML 代码写入剪贴板，同时弹出「已复制」提示条
- 5切到公众号后台编辑器，按 Ctrl+V 粘贴，排版样式（字体、颜色、间距）完整保留，无需二次调整
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 这是一段带有多余空格的 文字，以及 两个连续空格。 | 这是一段带有多余空格的文字，以及两个连续空格。 | 常规：验证工具自动清除多余空格和连续空格的功能，这是公众号排版中最常见的需求。 |
| 第一段文字 第三段文字（中间空两行） | 第一段文字 第三段文字（中间空一行） | 常规：验证工具将多个连续空行合并为单个空行，保持排版紧凑。 |
| 这是一段非常长的文字，超过一万字，用于测试工具对超长内容的处理能力……（实际输入为10000字以上） | 工具正常处理，输出与输入一致，无截断或卡顿。 | 边界：测试工具对大段文本的处理性能，确保不崩溃或丢失内容。 |
| （空输入，直接点击复制） | 无输出，或提示“请输入内容”。 | 边界：空输入的处理，避免工具报错或产生无意义输出。 |
| 特殊符号测试：©®™℃→←↑↓★☆♥♦♣♠☺☻ | 特殊符号测试：©®™℃→←↑↓★☆♥♦♣♠☺☻ | 易错：部分编辑器会丢失或乱码特殊符号，此示例验证工具对 Unicode 字符的完整保留。 |
| HTML标签测试：<b>加粗</b><i>斜体</i><a href='http://example.com'>链接</a> | HTML标签测试：加粗斜体链接（标签被剥离，仅保留纯文本） | 易错：用户常误以为工具会保留 HTML 格式，实际输出为纯文本，避免用户误解。 |
| 代码块测试： ```python print('hello') ``` | 代码块测试： ```python print('hello') ``` | 易错：验证工具是否保留 Markdown 代码块格式，防止被当作普通文本格式化。 |
常见错误对照
1.从 Word 直接粘贴，保留大量内联样式
✗ 错误
在 Word 里写好文章，直接 Ctrl+V 到编辑器，然后点复制。✓ 修复
先用记事本或纯文本编辑器过一遍（Ctrl+Shift+V 无格式粘贴），再在编辑器里重新排版。Word 粘贴会带大量 font-family、font-size、line-height 等内联 CSS，公众号后台会保留这些样式，导致手机端显示与编辑器预览不一致。
2.复制后直接粘贴到公众号后台，忽略格式兼容
✗ 错误
在编辑器里排好版，直接 Ctrl+C，然后到公众号后台 Ctrl+V。✓ 修复
点击编辑器提供的「复制」按钮（通常会自动清理特殊字符和多余标签），再到后台粘贴。直接 Ctrl+C 可能复制了编辑器的内部 DOM 结构（如多余的 div 包裹），而专用复制按钮会输出经过清理的 HTML，兼容微信的富文本渲染引擎。
3.图片用本地路径，导致发布后裂图
✗ 错误
在编辑器里插入本地图片（如 file:///C:/Users/.../photo.png），然后复制到公众号。✓ 修复
先将图片上传到公众号素材库或图床，再用编辑器插入在线图片链接。微信后台只识别 https 协议的图片 URL，本地路径无法被微信服务器抓取，发布后读者看到的将是裂图占位符。
4.使用编辑器不支持的字体，后台自动回退
✗ 错误
在编辑器里选了「方正清刻本悦宋」字体，排版看起来很美观。✓ 修复
使用微信生态默认支持的字体（如微软雅黑、苹方、思源黑体），或只使用编辑器提供的「默认字体」选项。微信后台的富文本编辑器只支持有限字体族（如 -apple-system、Helvetica Neue），非标准字体会被自动替换为系统默认字体，导致行距和字间距错乱。
5.排版后未检查移动端预览，忽略边距问题
✗ 错误
在 PC 浏览器编辑器中排好版，直接复制发布，没有用手机预览。✓ 修复
发布前先用公众号后台的「手机预览」功能，或发送到自己的手机微信测试号查看效果。PC 浏览器宽度通常 1200px+，而微信阅读环境是 375-414px 的手机屏幕。PC 上正常的边距和字号在手机上可能变成「字大行稀」或「左右溢出」。
6.在编辑器里使用微信不支持的 HTML 标签
✗ 错误
在编辑器源码模式里写 <video>、<iframe> 或 <embed> 标签来嵌入视频。✓ 修复
使用编辑器提供的「视频占位」功能，或直接在公众号后台插入视频素材。微信后台的富文本编辑器会过滤掉大部分非白名单 HTML 标签（如 video、iframe、object），这些标签在发布后会被直接删除或转义为纯文本。
7.代码块未使用等宽字体，缩进全乱
✗ 错误
在编辑器里用普通正文样式写代码片段（如 Python 缩进用空格），然后复制。✓ 修复
使用编辑器提供的「代码块」样式（通常自动应用 monospace 字体并保留空格缩进）。普通正文字体（如微软雅黑）中空格宽度不固定，代码的缩进层级在手机端会完全错位。等宽字体保证每个字符（包括空格）宽度一致。
第三节
工作原理
How It Works核心公式
保留格式 = 原始HTML → 清理行内样式 → 保留块级标签 → 输出纯净HTML
变量说明
原始HTML从Word或网页复制的内容清理行内样式移除font/color/size等属性保留块级标签保留p/h1-h6/ul/ol/table等输出纯净HTML适配微信公众号的最终代码
示例
从Word复制一段带红色字体、字号18px的标题（<h1 style="color:red;font-size:18px">标题</h1>）和正文。工具处理后：<h1>标题</h1>，行内样式被移除，块级标签保留，粘贴到公众号编辑器后显示默认标题样式，无冗余格式干扰排版。
用户输入
本地处理
输出结果
第四节
开发者集成
For Developers5 种主流语言实现，复制即用：
import re
def clean_wechat_html(html: str) -> str:
"""移除微信编辑器多余样式与空标签，保留基本排版"""
# 移除 style 属性（保留 class 用于后续处理）
html = re.sub(r' style="[^"]*"', '', html)
# 移除空 span（无内容且无 class）
html = re.sub(r'<span[^>]*></span>', '', html)
# 移除多余空行
html = re.sub(r'\n{3,}', '\n\n', html)
return html.strip()
example = '<p style="font-size:14px;color:#888;">Hello</p><span></span>'
print(clean_wechat_html(example)) # 输出: <p>Hello</p>function stripWechatStyles(html) {
// 移除所有内联 style，保留标签结构
return html.replace(/ style="[^"]*"/g, '')
.replace(/<span[^>]*><\/span>/g, '') // 移除空 span
.replace(/\n{3,}/g, '\n\n'); // 压缩多余空行
}
const raw = '<p style="font-size:14px;">标题</p><span></span>';
console.log(stripWechatStyles(raw)); // <p>标题</p>package main
import (
"fmt"
"regexp"
)
func cleanWechatHTML(html string) string {
// 移除 style 属性
reStyle := regexp.MustCompile(` style="[^"]*"`)
html = reStyle.ReplaceAllString(html, "")
// 移除空 span
reEmptySpan := regexp.MustCompile(`<span[^>]*></span>`)
html = reEmptySpan.ReplaceAllString(html, "")
return html
}
func main() {
raw := `<p style="color:red;">内容</p><span></span>`
fmt.Println(cleanWechatHTML(raw)) // <p>内容</p>
}#!/bin/bash
# 使用 sed 清理微信编辑器导出的 HTML 中的内联样式
# 输入：包含 style 属性的 HTML 片段
# 输出：清理后的纯标签文本
clean_html() {
echo "$1" | sed -E 's/ style="[^"]*"//g' | sed -E 's/<span[^>]*><\/span>//g'
}
clean_html '<p style="font-size:12px;">段落</p><span></span>'
# 输出: <p>段落</p>function cleanWechatHTML(html: string): string {
// 移除内联样式与空标签
return html
.replace(/ style="[^"]*"/g, '')
.replace(/<span[^>]*><\/span>/g, '')
.replace(/\n{3,}/g, '\n\n');
}
const raw = '<p style="margin:0;">测试</p><span></span>';
console.log(cleanWechatHTML(raw)); // <p>测试</p>第五节
常见问题
Q & A问从公众号后台复制过来的文章，排版全乱了，这个编辑器能恢复吗？＋
答
不能完全恢复。公众号后台编辑器自带样式（如段前距、字间距、特殊背景色）是私有 CSS，复制到外部工具时会被浏览器剥离。本工具主要解决「粘贴到公众号外」时的格式清洗，比如去掉多余空行、统一字体字号、保留加粗和列表等基础结构。建议先在本工具里手动重新设置标题层级和段落样式，比在微信后台逐段调整快得多。
问为什么我粘贴了 Word 文档里的表格，预览里表格没了？＋
答
本工具是纯前端排版，只处理文字和基础 HTML 标签（p、strong、em、ul/ol、a、img）。Word 表格复制过来时自带复杂的行内样式和嵌套结构，会被自动过滤掉。如果需要保留表格，建议先在 Word 里把表格转成纯文本（用制表符对齐），或者用截图代替。公众号本身对表格支持也很差，多数读者在手机端也看不清。
问排版完复制到公众号后台，字体和字号变了，怎么回事？＋
答
微信公众号后台有自己的一套默认样式覆盖规则。本工具输出的内容不带外部 CSS 类名，只保留行内样式（如 font-size:16px）。但微信后台在粘贴时，可能强制应用其默认的 17px 字号和系统字体。解决办法：在本工具里把字号统一设为 16px 或 17px，并勾选「清除微信默认样式」选项（如果有），或在粘贴后手动在微信后台全文全选再调一次字号。
问这个工具能一键生成文章目录或跳转锚点吗？＋
答
不能自动生成。本工具只做文字排版和基础 HTML 输出，不支持动态生成目录索引。如果需要文章内跳转，需要手动在 HTML 源码模式里插入锚点标签（<a name="section1"></a>），然后在目录位置用 <a href="#section1"> 链接。不过公众号文章本身不支持锚点跳转，所以这个功能在微信生态里实际无效，只有网页版才生效。
问我文章里有很多 emoji 和特殊符号，复制到后台显示成方框了，怎么办？＋
答
公众号后台对部分 Unicode 符号（尤其是 Emoji 12.0 以上的新符号、部分数学符号、竖排文字符号）支持不完整，会显示为空白方框。本工具不会过滤这些符号，但建议在发布前先在手机端预览检查。遇到显示异常的符号，可以换成微信原生支持的符号（如微信表情面板里的），或者用文字描述代替。
问排版好的文章，换一台电脑打开公众号后台，排版又乱了，是工具的问题吗？＋
答
不是工具的问题。公众号后台的「图文素材」编辑器在不同浏览器、不同登录设备上，渲染引擎对 HTML 的解析有细微差异。尤其是 Chrome 和 Safari 对字间距、行高的默认值不同。本工具输出的内容是标准 HTML，但微信后台在保存时可能会二次处理。建议：排版完成后，在发布前用同一台电脑的 Chrome 浏览器做最终预览和发布。
问这个工具和 135 编辑器、秀米有什么区别？为什么不用那些？＋
答
本工具定位是「轻量排版 + 复制粘贴辅助」，不是「富文本模板库」。135 和秀米提供大量模板、组件和 SVG 特效，但它们输出的 HTML 通常很臃肿，在公众号手机端加载慢，且容易被微信后台过滤掉。本工具只做最基础的格式清洗和统一，适合追求简洁排版、不想被模板束缚的用户。如果你需要花哨边框和动效，那些工具更适合；如果只要干净的文字排版，本工具更快。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。