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

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

问题描述

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

粘贴前的样子

indent-lost-before

粘贴后的样子

indent-lost

一些发现

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

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

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

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

测试方法

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

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

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

阅读 11.6k
3 个回答

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

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

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

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

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

Betacat.online

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

pre的问题?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏