VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动

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

locvps
主机参考:VPS参考测评推荐,专注分享VPS主机优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

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

公元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的范畴,其结构需要从微信微信官方账号编辑器的源代码中获取。下面两个图显示了如何获得它:

获取iframe的id而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图片,并给出可访问的链接。

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

如何解决这个问题?这将是很好的,如果我可以建立自己的公式,以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的开发过程,可以看到以下步骤:

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

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

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

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

  • 暂无相关推荐文章

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

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » 棘手的微信微信官方账号编辑器(好微信微信官方账号编辑器)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!