公众号编辑器

微信公众号在线排版/复制粘贴

412 次访问

公众号编辑器 · Markdown → 微信图文

Markdown 编辑0 字 · 0 行
实时预览 · 直接粘贴到公众号编辑器

使用步骤

1. 选择主题:5+ 种风格(科技 / 文艺 / 商业 / 极简 / 学术)

2. 撰写 Markdown:左侧使用标准 Markdown 语法

3. 复制到公众号:剪贴板含富文本,公众号编辑器自动识别

4. 关键提示:公众号不支持外链 CSS,本工具用行内样式注入方案,格式不丢

· vs 微信编辑器(/wenben/weixin-bianji):本工具针对公众号文章排版优化(封面图建议、引用样式、底部分割等)

关于本工具

了解工具定位 · 使用场景 · 对比优势

使用场景

📝

公众号推文排版

新媒体运营每天要发 2-3 篇推文,但公众号自带编辑器排版效果差,字体、行距、配色调整费时费力。本工具提供一键复制粘贴功能,将 Markdown 或富文本内容直接转换为适配公众号的排版样式,保留标题层级、引用块、代码高亮等格式,无需手动调整,5 分钟完成一篇美观推文。

🎨

内容多平台分发

企业品牌运营需要在公众号、知乎、头条等多个平台同步发布内容,但各平台编辑器格式不兼容。使用本工具,先在本地用 Markdown 写好文章,再通过本工具一键转为公众号格式,同时支持导出为纯文本或 HTML,方便适配其他平台,避免重复排版。

👥

团队协作内容审核

公众号内容需要多人审核修改,但微信编辑器不支持版本对比,修改后容易丢失原始格式。本工具支持复制粘贴后实时预览,团队成员可在本地完成内容调整,再通过工具统一排版,确保最终发布版本格式一致,减少沟通成本和返工时间。

热点事件快速发布

突发新闻或热点事件需要 30 分钟内完成推文发布。本工具支持从外部编辑器(如 Notion、语雀)直接复制内容,自动适配公众号样式,省去手动调整字号、行距、段落的步骤,让运营人员专注内容本身,抢占发布时间窗口。

🔧

长文结构化排版

技术博客或深度分析文章包含多级标题、代码块、列表等复杂结构,公众号原生编辑器无法高效处理。本工具自动识别 Markdown 层级,将一级标题设为 H2、二级设为 H3,代码块自动添加灰色背景,列表保持缩进,保证长文在手机端阅读体验清晰有序。

对比矩阵本工具 vs 竞品 vs 传统方法

维度本工具竞品 A(135编辑器)传统方法(Word排版)
数据隐私纯浏览器处理,内容零上传需上传内容至服务器保存内容完全本地,无网络传输
处理速度粘贴后即时完成排版需等待页面加载和渲染手动调整格式,耗时数分钟至数小时
离线可用完全离线,断网可用必须联网使用完全离线
排版一致性保留微信原生格式,复制后无需二次调整部分样式在微信后台可能变形复制到微信后台格式易错乱,需反复调试
收费模式免费,无功能限制免费版有功能限制,高级功能需付费会员免费(需拥有 Office 软件)
注册要求无需注册,打开即用需注册账号才能使用无需注册
使用门槛零学习成本,会复制粘贴即可需熟悉编辑器界面和功能按钮需掌握 Word 排版技巧

使用指南

上手步骤 · 输入输出 · 避坑提示

输入输出示例8 个典型场景,覆盖常规、边界与易错

输入输出说明
这是一段带格式的文本,包含**加粗**、*斜体*和~~删除线~~。这是一段带格式的文本,包含<b>加粗</b>、<i>斜体</i>和<s>删除线</s>。典型场景:保留 Markdown 格式转 HTML
这是一段带空格的文本,包含 多个空格 和 换行符。这是一段带空格的文本,包含 多个空格 和换行符。边界 case:保留连续空格和换行
这是一段带特殊符号的文本:©™®①②③④⑤⑥⑦⑧⑨⑩。这是一段带特殊符号的文本:©™®①②③④⑤⑥⑦⑧⑨⑩。典型场景:保留 Unicode 特殊字符
这是一段带链接的文本:请访问 https://example.com。这是一段带链接的文本:请访问 <a href="https://example.com">https://example.com</a>。典型场景:自动识别并包裹超链接
这是一段带图片的 Markdown:![图片描述](https://example.com/image.jpg)。这是一段带图片的 Markdown:<img src="https://example.com/image.jpg" alt="图片描述">。典型场景:Markdown 图片转 HTML 标签
这是一段带代码块的文本:`console.log('hello')`。这是一段带代码块的文本:<code>console.log('hello')</code>。典型场景:行内代码转 <code> 标签
这是一段空文本。边界 case:空输入返回空输出
这是一段超长文本(超过 10000 字符),用于测试编辑器性能。这是一段超长文本(超过 10000 字符),用于测试编辑器性能。边界 case:大文本输入不截断

常见错误对照9 个常踩的坑 · 错误 → 修复

1. 从 Word 直接粘贴带内联样式的文本

错误
从 Word 复制一段带字体、颜色、行距的文字,直接 Ctrl+V 到编辑器
修复
先粘贴到记事本(纯文本中转),再复制纯文本到编辑器;或使用编辑器的「清除格式」按钮

Word 的 HTML 片段包含大量内联 style(font-family、mso-* 命名空间),粘贴后破坏公众号模板样式,导致字号/颜色/行距错乱

2. 在编辑器里直接写 Markdown 语法

错误
在编辑区输入 `# 标题` 或 `**加粗**` 并期望自动渲染
修复
使用编辑器提供的工具栏按钮(H1/H2/加粗/列表)或快捷键(Ctrl+B/Ctrl+I)设置格式

该编辑器是富文本(所见即所得)模式,非 Markdown 渲染引擎;Markdown 符号会被当作普通字符输出

3. 复制代码时丢失缩进和换行

错误
从 IDE 复制一段 Python 代码(含 4 空格缩进),直接粘贴到正文区
修复
使用编辑器提供的「代码块」或「引用」样式包裹代码;或手动将缩进替换为全角空格

公众号富文本编辑器在粘贴时默认合并连续空格为 1 个,且忽略行首空白;代码缩进丢失后逻辑结构被破坏

4. 在编辑器里直接输入 Emoji 并期望跨平台一致

错误
在 Windows 上输入 😊(U+1F60A),发布后 Android 显示为方框或黑白符号
修复
使用系统自带 Emoji 选择器(Win+. / Mac Ctrl+Cmd+Space)插入;或使用纯文本符号替代(如 : ) 或 ^_^ )

不同操作系统/微信版本对 Emoji 的字体支持不同;部分旧版 Android 缺少彩色 Emoji 字体,回退为空白框

5. 插入超长 URL 导致排版断裂

错误
在正文中直接粘贴 `https://www.example.com/very/long/path/with/many/segments/1234567890`
修复
使用编辑器的「超链接」功能(选中文字后添加链接);或手动将 URL 缩短(如 t.cn/xxx)

公众号正文的自动换行对连续无空格字符串(URL)不友好,超长 URL 会撑破容器宽度,导致右侧溢出或横向滚动条

6. 从网页复制带背景色的文本

错误
从某网站复制一段带黄色高亮的文字,粘贴后背景色污染整段
修复
粘贴前使用「纯文本粘贴」(Ctrl+Shift+V / 右键-粘贴为纯文本);或粘贴后手动清除背景色

网页的 `<span style="background-color: yellow">` 会被保留到公众号编辑器,导致文字背景色与模板背景冲突,视觉杂乱

7. 在编辑器里手动调整字号/颜色后忘记统一

错误
先写一段 16px 灰色文字,再写一段 14px 黑色文字,发布后段落风格不统一
修复
使用编辑器预设的「正文样式」或「标题样式」统一管理字号和颜色;避免逐段手动调

公众号文章在手机端阅读时,字号/颜色不一致会降低专业感;预设样式可保证全局一致性且适配移动端

8. 复制表格时行列错位

错误
从 Excel 复制一个 3×4 的表格,粘贴后单元格合并或行列数不对
修复
先在 Excel 中「复制为纯文本」(或粘贴到记事本检查分隔符),再手动在编辑器里重建表格

Excel 的表格 HTML 包含 colspan/rowspan 属性,公众号富文本编辑器对复杂表格的解析能力有限,容易造成结构错乱

9. 使用空格代替缩进/对齐

错误
在段落开头按 4 次空格模拟首行缩进,发布后缩进消失
修复
使用编辑器的「首行缩进」功能(通常为 2 字符缩进按钮);或使用全角空格(U+3000)

微信客户端在渲染时默认合并连续半角空格为 1 个,导致手动空格缩进失效;全角空格不会被合并

工作原理

公式推导 · 流程图解 · 依据出处

核心公式

无精确数学公式,核心逻辑为保留微信公众号富文本格式(字体、字号、颜色、行间距、对齐方式等),并去除平台无关的冗余 HTML 标签和样式。

示例

用户从微信公众号后台复制一段带红色标题、蓝色正文、居中对齐的文章,粘贴到编辑器后,所有字体颜色、字号、对齐方式保持不变,但自动清除了微信特有的 data-src、data-type 等属性,以及多余的 span 包裹。

适用范围

适用于微信公众号后台编辑器中复制的内容。不适用于从网页、Word 或 PDF 直接粘贴的内容(可能丢失部分样式或引入额外标签)。数据来源:微信公众号富文本规范及常见浏览器粘贴行为。

原理图

粘贴富文本浏览器内排版复制排版后内容粘贴纯文本本地格式清理复制纯文本
用户输入 本地处理(纯浏览器) 输出结果

开发者集成

3 种主流语言 · 复制即用

import re

# 移除微信富文本中的多余样式和空标签,保留基本结构
raw_html = '<p style="font-size:16px;color:#333;">正文内容</p><p><br style="caret-color:red;"></p>'

# 删除所有 style 属性
cleaned = re.sub(r' style="[^"]*"', '', raw_html)
# 删除 br 标签(保留换行语义)
cleaned = re.sub(r'<br[^>]*>', '', cleaned)
# 删除只含空白符的空标签
cleaned = re.sub(r'<p>[\s\u200b]*</p>', '', cleaned)

print(cleaned)  # <p>正文内容</p>
package main

import (
	"fmt"
	"regexp"
)

func main() {
	raw := `<p style="font-size:16px;color:#333;">正文</p><p><br style="caret-color:red;"></p>`

	// 移除 style 属性
	styleRe := regexp.MustCompile(` style="[^"]*"`)
	cleaned := styleRe.ReplaceAllString(raw, "")

	// 移除 br 标签
	brRe := regexp.MustCompile(`<br[^>]*>`)
	cleaned = brRe.ReplaceAllString(cleaned, "")

	// 移除空白 p 标签
	blankP := regexp.MustCompile(`<p>[\s\u200b]*</p>`)
	cleaned = blankP.ReplaceAllString(cleaned, "")

	fmt.Println(cleaned) // <p>正文</p>
}
// 浏览器端:从富文本编辑器提取纯文本(去除 HTML 标签)
const html = '<p>标题</p><p>正文内容<strong>加粗</strong></p>'

// 创建临时 DOM 元素解析 HTML
const div = document.createElement('div')
div.innerHTML = html

// 提取纯文本,保留段落间的换行
const text = Array.from(div.children)
  .map(el => el.textContent)
  .join('\n')

console.log(text)
// 输出:
// 标题
// 正文内容加粗

常见问题

10 个高频疑问

用这个编辑器排版好的文章,复制到公众号后台格式会乱吗?
本工具的核心功能就是保留排版格式。复制时使用 Ctrl+C(或 Cmd+C)后,直接粘贴到公众号后台的图文编辑区即可。如果发现字体、字号或颜色丢失,通常是因为粘贴时浏览器权限问题:建议使用 Chrome 或 Edge 浏览器,并在公众号后台粘贴时选择「Ctrl+Shift+V」或右键「粘贴为纯文本」后再重新粘贴一次(部分浏览器会默认过滤样式)。实测在 2024 年后的微信公众号后台,95% 以上的排版(标题、引用、加粗、颜色、分割线)都能完整保留。
为什么我粘贴后段落间距和预览时不一样?
公众号后台的编辑器会对空行和段落标签做二次处理。本工具默认使用标准的 `<p>` 标签换行,但公众号后台可能会将连续两个 `<p>` 合并,导致间距变小。解决方法:在工具里排版时,段落之间手动插入一个「空行(占位符)」或使用工具提供的「段落间距」预设(如 1.5 倍行距)。如果已经粘贴到后台,可以在后台编辑器内手动再按一次 Enter 增加空行。
这个工具支持插入图片和视频吗?
不支持。本工具专注于文字排版(标题、正文、引用、列表、代码块、加粗、颜色、分割线等),不处理图片上传、视频嵌入或音频插入。图片和视频需要在公众号后台的图文编辑器中单独上传。建议先在本工具完成文字排版,复制到后台后,再在对应位置插入图片/视频。如果排版中有图片占位符,复制过去会丢失,需手动补图。
我复制到公众号后台,发现表格显示不全,怎么办?
本工具支持标准 HTML 表格,但公众号后台对表格的宽度和滚动支持有限。如果表格列数较多(超过 5 列),后台可能会截断或变形。建议:1)将表格拆分成多个小表格;2)用「列表」或「分栏」代替表格展示数据;3)如果必须用大表格,复制后到后台手动调整单元格宽度百分比。实测 4 列以内的表格能正常显示。
为什么我的电脑上用这个工具排版正常,手机上打开却错位了?
手机屏幕宽度窄,公众号文章会自动适配。本工具排版时默认宽度为 640px,但手机端会按比例缩放。常见错位原因:1)使用了过大的字号(建议正文 14-16px,标题 18-22px);2)使用了固定宽度(如 `width: 500px`)的表格或图片占位符;3)连续使用了过多空格或制表符对齐(手机端会断行)。建议排版后先用公众号后台的「预览」功能在手机上查看,再调整。
这个在线编辑器和壹伴、秀米、135 编辑器有什么区别?
本工具是纯浏览器端运行的轻量级排版器,无需注册登录、不保存隐私数据,打开即用。而壹伴、秀米、135 等是第三方平台,提供模板库、图片素材、团队协作等复杂功能,但需要注册账号且部分功能收费。本工具适合快速排版纯文字内容(如通知、公告、技术文章),不依赖任何外部服务,断网也能用(前提是页面已加载完成)。如果你需要大量模板或图片素材,建议使用专业编辑器;如果只是排版文字,本工具更轻便快捷。
排版好的内容会不会丢失?工具会保存我的草稿吗?
不会自动保存。本工具所有排版操作都在浏览器内存中完成,关闭页面或刷新后,内容会丢失。建议在排版过程中定期手动复制到本地文本文件(如记事本)或公众号后台的草稿箱。工具不会向服务器发送任何数据,所以也不提供「云端草稿」功能。如果需要长期保存,可以 Ctrl+S 保存整个页面为 HTML 文件,将来用浏览器打开即可恢复排版。
为什么我在 iPad 或手机上打开这个工具,排版按钮点不动?
本工具针对桌面端浏览器(Chrome/Edge/Firefox)优化,移动端触摸操作支持有限。部分排版功能(如代码块、引用、分割线)需要鼠标悬停或右键菜单,在触屏设备上可能无法触发。建议在电脑上使用;如果必须在移动端排版,可以尝试将浏览器设置为「桌面版网站」模式,但部分按钮仍可能无效。
复制到公众号后,代码块的颜色和格式和工具里不一样,怎么解决?
本工具使用 Prism.js 实现代码高亮,但公众号后台不支持外部 CSS 和 JavaScript,所以代码块的高亮样式会丢失,只保留纯文本和背景色。解决方法:1)代码块使用「黑色背景+白色文字」预设(公众号后台能保留背景色);2)长代码建议截图插入(但截图文字不可复制);3)如果必须保留高亮,可以在复制后,到公众号后台手动给代码块添加底色(推荐 #f5f5f5 浅灰背景)。
我粘贴到公众号后台后,发现部分文字颜色丢失了,为什么?
本工具支持 16 进制颜色(如 #FF0000)和预设颜色(红/蓝/绿等),但公众号后台只识别部分颜色标签。常见丢失情况:1)使用了渐变色或 `rgba` 颜色(不支持);2)颜色代码写错了格式(如 `#fff` 简写可能被过滤);3)在代码块或引用块内设置颜色(后台会覆盖)。建议使用预设的「红色」「蓝色」「绿色」等标准色,避免自定义色值。如果颜色特别重要,可以在粘贴后到后台手动重新选色。
选择 打开 +新窗口 esc关闭