微信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

作者：全栈运维

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

代码高亮_微信公众号代码高亮美化工具 Markdown Nice
微信公众号代码高亮美化工具使用 Chrome 浏览器把右侧生成的页面直接拷贝到微信中即可. https://www.mdnice.com/ // 目录[TOC] 1. Markdown Nice 简 ...
“errcode“:40164,“errmsg“:“invalid ip ...微信公众号开发调用失败的解决办法
问题概述关于这个问题,博主是在进行微信公众号平台开发的过程中遇到的, 微信公众号平台的前后端代码开发完成后,在联调接口调用: " https://api.weixin.qq.com/cgi ...
微信公众号本地环境搭建（解决微信接口需要公网地址，但是只有本地环境的问题）
微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题) 置顶2018年01月08日 17:22:13 阅读数:342 目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移 ...
微信小程序获取并展示公众号推文
微信小程序获取并展示公众号推文获取公众号access_token(开发环境) IP白名单设置获取access_token 小程序前端展示素材导入云数据库云函数读取展示注:笔者是小程序菜鸟,代 ...
java获取openid_JAVA获取微信小程序openid和获取公众号openid，以及通过openid获取用户信息...
https://www.cnblogs.com/lxwt/p/10154540.html?tdsourcetag=s_pcqq_aiomsg 一,首先说明下这个微信的openid 为了识别用户,每个用 ...
python pc微信接收信息_GitHub - ericadver/WechatPCAPI: 微信PC版的API接口，可通过Python调用微信获取好友、群、公众号列表，并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...
微信小程序生态13-微信公众号自定义菜单、个性化菜单配置
文章导航微信小程序生态1-初识小程序微信小程序生态2-创建一个微信小程序微信小程序生态3-微信小程序登录流程设计微信小程序生态4-扫普通二维码进入小程序.打开短链接进入小程序微信小程序生态5 ...
python 微信公众号网页接口调用_GitHub - micsem00/WechatPCAPI: 微信PC版的API接口，可通过Python调用微信获取好友、群、公众号列表，并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...
python的读取微信界面_GitHub - lchb000/WechatPCAPI: 微信PC版的API接口，可通过Python调用微信获取好友、群、公众号列表，并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息,接受转账.好友请求.入群请求,群管理等功能.可用于二次开发在线微信机器人.微信消息监控. ...
python 接收微信pc端_GitHub - linhuisheng/WechatPCAPI: 微信PC版的API接口，可通过Python调用微信获取好友、群、公众号列表，并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...

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

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

最新文章

热门文章