Markdown生成的高亮代码，复制到微信公众号编辑器缩进丢失或者格式错乱

Question

在网上搜索了很久，也尝试了各种方法都没办法解决，希望有人能解答。

问题描述

我希望拷贝我的博客到微信公众号中发布，博客里有一些代码，测试链接在这里，当我把内容复制后粘贴到微信编辑器中代码缩进就完全丢失了。大家可以看前后对比。

粘贴前的样子

粘贴后的样子

一些发现

• 我尝试过使用Markdown here插件直接从公众号编辑窗口生成html，所有的段落和引用格式都是好的，唯独高亮代码格式到手机上看会错乱，根本没法看。

• 上面这个问题其实已经有人发现了，原因是markdown here生成的html中代码的换行n 在提交时被微信过滤了，你可能需要手动将换行符替换成<br>才能正常显示。其实这样表述并不完全准确，我的发现是微信手机客户端才会多html中多余的空白和空行处理掉，在电脑上打开同样的文章并不会错乱。

• 小胡子哥的hexo博客说的就是上面这个问题，他给出的解决方案是hexo自动生成的静态页面能自动解决换行问题。但是问题来了，它的hexo博客生成的代码复制到公众号编辑器样式没有问题，我的hexo博客生成的高亮代码复制过去缩进丢失了！（看问题描述）

• 在SF上也有人遇到类似问题，到目前还是没有人回答。https://segmentfault.com/q/10...

测试方法

• 如果你没有公众号编辑器，可以打开这个页面，里面有一个模拟微信编辑器的排版窗口。尝试把下面这两个页面的代码粘贴过去。

  • http://www.barretlee.com/blog... （粘贴正常）

  • http://betacat.online/posts/h... （缩进丢失）

• 以上两个页面都是hexo生成的，除了主题不一样，估计hexo版本也不太一样。

• 但是无论如何，这个现象应该是不会发生的，不是吗？

Answer 1

目前使用Markdown来编辑微信公众号的文章，有几个我觉得还不错的工具。

• http://md.phodal.com/ （网页版）

大神写的编辑器，这是原作原地址，可以提bug提需求，会持续改进。蓝色主题。

• http://md.codingpy.com/ （网页版）

这个上面那个版本的克隆版，绿色主题。

• https://typora.io/ （桌面版，多平台支持）

一个新的MD编辑器，个人认为比世面上任何一款都好用。可以直接复制为HTMl然后粘贴到公众号文章编辑器中，格式和代码换号显示正常。支持多种样式和自定义样式。

具体的效果也可以去看到公众号里去参观。

Answer 2

用Md2All吧，所有公众号的排版问题都会得到完美的解决。Md2All完全免费,专为我们IT人士做了优化，支持“一键排版”的css样式模板选择，和自定义css，支持80多种代码高亮，能一键复制到公众号，Md2All网址：http://md.aclickall.com

Answer 3

pre的问题？