棘手的微信微信官方账号编辑器(好微信微信官方账号编辑器)

公元2019年，微信微信官方账号排版能力较弱，一直被运营方诟病。休米和135编辑器等工具分了手。

但无论是微信还是其他编辑器的原生工具，创作者都不得不将有限的创作经验分散到版式设计上。

Markdown的排版灵丹妙药就应运而生了。

一、什么是简介1.1 Markdown？Markdown是一种排版语法，输入法极简，学习成本非常低。

它有丰富的排版格式，如标题、引用、粗体、链接、图片、代码片段、公式等。，这些都是文字创作需要的。

1.2如何与微信微信官方账号结合？这么优秀的排版语法，微信微信官方账号却不支持。

1.3什么是markdownnice？一个开源的Markdown编辑器，编写后排版成功，可以复制粘贴到微信微信官方账号。

那又怎样？就这些吗？

当然不是！好看的宝宝，你还有什么特点？

支持图像床、脚注、代码和公式，支持8种排版主题和7种代码主题，支持自定义样式，提交主题供人们查看。除公众号外，还支持知乎、掘金、博客园、CSDN等平台。我是值得的。这么多优秀的特性摆在你面前，你还在等什么？

地址:https://mdnice.com

让你的微信排版好看起来！

二、课文我没想到你还在看。

咳、、、、

不要低估我，宝贝尼斯。为了能够使用Markdown进行微信官方账号排版，我和微信微信官方账号编辑器奋战了半年，才获得了现在的成绩！

想听听我是怎么打的吗？现在听我说！

2.1战斗序言微信微信官方账号编辑器源于百度FEX前端团队的开源ueditor项目，是我家宝贝通过捡网页代码发现的，如图:

因为ueditor是一个富文本编辑器，所以我即将面对Markdown ->:富文本转换之战在开源或软件世界取得了相当数量的优秀实现。例如:

Web端:editor.md，mavonEditorPC端:typora，MWeb。然而，上述工具存在一个问题。他们没有很好的将CSS样式融入到富文本中，然后适配微信编辑器，以至于国内其他各大平台的富文本编辑器。

那么有没有什么工具可以尝试弥补这个问题呢？实际上，有:

Web: md2all，we chat -格式浏览器插件:markdown-hereMarkdown Nice是一个开源项目，它结合了很多开源技术，包括:

React:facebook的开源js视图层框架markdown -IT:markdown -IT:markdown富文本解析器juice:将CSS类选择器转换为内联样式的工具codemirror: Web代码编辑器Ant-Design: ReactUI组件库mobx:状态管理库highlight.js:代码高亮库MathJax-node:公式转图片库axios、ali-oss、qiniu-js等。注意:下面会提到上面的一些开源库。开源库的具体功能请参考这里。

拥有以上技术后，我在微信编辑器上宣战，打响了战斗的第一枪！

2.2战斗第一枪:代码主题微信微信官方账号在2018年之前根本不支持代码块。目前支持很简单，存在代码字体大的问题。

为此我找到了highlight.js代码神器来帮助解决代码主题单一的问题。

经过一番筛选，最终选定了atom-one-dark、atom-one-light、monikai、GitHub、vs2015、xcode、微信代码主题等七种代码风格供您选择。

其中，由于微信代码的主题不属于highlight.js的范畴，其结构需要从微信微信官方账号编辑器的源代码中获取。下面两个图显示了如何获得它:

而highlight.js是和markdown-it解析器联合使用的，所以工具里有两个markdown解析器，分别用来解析微信代码主题和其他代码主题。以供参考。

除了以上问题，很多技术类微信官方账号代码还存在以下问题:一行代码过长导致多行显示。

使用下面的CSS代码可以解决这个问题:

预编码{display: -webkit-box！重要}复制代码的对比效果如图所示:

从此以后，用Markdown Nice的同志代码更漂亮了！

2.3战斗第二枪:一篇好文章没有图片怎么上传？

(有技术人员说:我没有我的)

好宝宝开始用SM了。一位老大哥经营的MS图片床。非常感谢！

虽然可以用这个图床上传图片，但是粘贴到微信编辑器时，失败率极高(想碾压微信编辑器)，如图:

真是{我喜欢| h ē h ē h ē}！

为了解决上述问题，Markdown Nice先后支持阿里云和七牛云的定制云床，通过购买阿里云和七牛云的服务来使用自建的镜像床。

但是！让用户自己配置。虽然有配置文档，但是整个配置过程极其复杂，绝对可怕！

于是，Nice baby用自己的账号搭建了自己的图床，设置存储时间为一天，并提供了mdnice图床用于临时排版。到目前为止，该工具中的图像上传支持如下:

床费mdnice免费1天的有效期内的故障率低SM。MS免费长期高阿里云参考定制低七牛云10G免费定制低在这场画床大战中，最大的难点在于读取阿里云OSS和七牛云KODO的文档，使用他们的开源工具包ali-oss和qiniu-js。

这涉及到FormData、file对象、base64和blob以及源代码引用之间的神奇转换。

总之，这是一场伟大的战斗。

2.4战斗第三枪:数学公式在微信微信官方账号排版中，数学公式简直是噩梦！

因为微信编辑做了以下三件事:

不支持公式编辑，不支持html和css生成的公式，因为字体无法导入，不支持svg，放进去会提示失败目前唯一可行的解决方案是将公式转换成图片，然后直接粘贴到微信官方账号。Nice baby觉得这个想法很完美！

但是，怎么做呢？......

突然灵机一动，想到了曾经朋友推荐的换算公式网站codecogs。这个网站可以将任何公式转换成png图片，并给出可访问的链接。

但是由于画面的稳定性，链接无法直接使用，会出现和二战一样的情况，画面粘贴失败，让人苦不堪言。

如何解决这个问题？这将是很好的，如果我可以建立自己的公式，以png图像服务。有这样的开源库吗？是啊！math jax -节点就可以了！所以Nice baby自己搭建了后台服务，封装了RESTful接口用于前端调用，实现了公式到图片的功能！经过测试，完全可以使用。粘贴后，根据版面调整图片大小。

对于大量公式的转换，前端合理使用异步请求，不一一转换，而是并行执行。性能达到了2秒钟可以转换10个公式的效果，可以用于公式排版。

2.5战斗第四枪:微信链接脚注。众所周知(不知道就得知道)，微信不支持链接。除了带有https://mp.weixin.qq.com/,域名的合法链接外，其他所有链接出现后都会被自动删除。

官方唯一增加外链的方法就是阅读全文。当然，也可以直接把链接本身放到文字里，或者做成二维码图片。

尼斯宝贝通过把微信链变成注脚，提供了解决这个问题的方法。是不是很优雅？

链接和脚注的使用有如下不同:

链接:So Nice baby我又做了一个小改进，就是在粘贴文章的时候，会自动监控是否有外部链接，提示作者是否一键变成脚注，这样就不需要手动修改了。你喜不喜欢？

2.6战斗总结对抗微信微信官方账号编辑，这是一个极其有趣的过程。除了上面提到的问题，还有很多细节需要注意，这里就不讨论了。如果你有兴趣，欢迎阅读源代码。

第三，说说与格斗无关的3.1设计理念。对于大多数人来说，内容比排版更重要，排版比设计更重要。

内容是吸引读者的核心，所以最重要。

排版与设计的对比，作为曾经的微信美术编辑，随着排版经验的增加，发现文章的效果并不是多余的花边和点缀。

3.2内容、排版和设计=排版+创意

因为:大部分人得不到创意，或者认为创意的成本太高。

所以:大部分人不做设计，富文本设计不适合简单的内容编辑。

虽然:大部分人也不会排版，或者觉得排版成本太高。

但是:Markdown Nice把用户从排版中解放出来，只关注内容本身。

3.3关于开源开源是一个简单而困难的过程:

简单是因为:笔记、书单、工具、平台，所有有价值的东西都可以在GitHub中导出，而且容易做到，难是因为:试图对别人有价值，一直坚持导出，很难做到。如上所述，做开源其实就是做一个产品，可能是技术产品(比如redis，ant design)，也可能是商业产品(比如Markdown Nice)。

制作产品的过程曲折漫长。对比Markdown Nice的开发过程，可以看到以下步骤:

要有一个想法并验证其可行性和必要性，与同类产品进行对比，意识到痛点，掌握核心价值，站在用户角度思考，听取反馈并螺旋式上升，不断迭代。最重要的是生产优质产品。做产品不仅要写代码，还要宣传！！酒香也怕巷子深！！参与开源并不容易。希望你好好珍惜。

《解释开源项目系列》-让对开源项目感兴趣的人不再害怕，让开源项目的发起者不再孤单。跟随我们的文章，你会发现编程的乐趣、用途和简单性。请留言联系我们，加入我们，让更多人爱上开源，为开源做贡献~

这就是猫腻微信官方账号编辑器的详细内容。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 困难微信微信官方账号编辑（微信微信官方账号平台编辑）
• 强悍微信微信官方账号编辑器（微信微信官方账号编辑器app）

本文由主机参考刊发，转载请注明：棘手的微信微信官方账号编辑器(好微信微信官方账号编辑器) https://zhujicankao.com/75661.html