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

问题描述

问 题

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

问题描述

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

粘贴前的样子

粘贴后的样子

一些发现

• 我尝试过使用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版本也不太一样。

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

解决方案

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

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

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

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

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

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

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

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

这篇关于微信公众平台 - Markdown生成的高亮代码，复制到微信公众号编辑器缩进丢失或者格式错乱的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！