微信html代码怎么换行,微信公众号代码区域换行问题（解决）

摘要

最近在尝试更新简书的同时也把文档同步到个人微信公众号去中。但是在文章中粘贴代码的时候，遇到一个很难受的问题，markdown 代码区域的换行符经过Chrome markdown here插件转换后。代码区域内的\n换行符在保存时会丢失，导致代码无法换行。

研究发现问题的根源是因为微信会自动过滤掉文件的\n换行符

问题展示

原始代码

markdown-here-sourcecode.png

chrome利用markdown here转换之后

markdown-here-wrongformat-photo.png

解决

从网上找到两种有效的解决办法。

markeditor

有一款叫做markeditor的软件，pro版本支持导出为微信公众号文章格式 的功能，能解决代码不换行的问题。

markeditor.png

当然它是一款收费软件。如果你想找免费的，可以参考第二种方式

markdown here 插件

官网文档如下(这里翻译一下自己用的chrome浏览器的安装部分)：

markdown-here-plugin-installation.png

安装说明

Chrome

Chrome网上应用店

去chrome网上应用店安装markdown here插件，正常安装

安装之后，确保重新加载你的webmail或者重启Chrome

手册／开发

克隆仓库

在Chrome中打开扩展配置

在扩展程序配置页，选中“开发者模式”复选框，参考图1

点击新出现的“加载已解压的扩展程序…”按钮，然后打开你开始克隆的仓库目录。选择仓库下的src目录

然后在你Chrome扩展程序里面会出现一个新的markdown here扩展

在转换成邮件之前重新加载你的webmail(或者是应用)

图1

官方文档的说明是这样的，但是安装之后还需要几个关键操作

禁用掉原始安装的markdown here 扩展

其实后面想到如果不先装原始的markdown here，直接按这个安装会怎么样？

自己没有尝试，哪位尝试了可以回复我看看

点击新安装的markdown here 下面的 “选项” 跳转 到markdown配置页

最下面，按下面的图式配置选中代码高亮中使用br换行标签

markdown-here-plugin.png

最后发布之后OK，达到预期的效果

公众号: DailyJobOps

作者：全栈运维