微慕小程序开源版A标签优化说明

微慕WordPress小程序全部版本里，对于文章详情里文字内容的解析，都是经过开源组件：wxParse 不过这个组件已经中止维护，微慕小程序在这个组件上作了一些优化，让文章里文字在小程序显示更加完美。但，对于A标签的解析，一直不够完善，好比不能很好跳转小程序里的任意页面，不能跳转到其余小程序，不能打开包含业务域名的连接。

好比在文章里跳转到另外一个文章，在pc端的html里能够轻易实现的，在小程序却比较困难，由于小程序的页面和pc端的页面路径不是同样的。微慕小程序原来的解决方案-wordpress的固定连接设置成以下格式：

而后在小程序端解析这个连接，实现小程序的页面跳转。但这个解决方案不友好：

一、过于依赖固定连接的格式，并且并非全部wordpress网站都用这个格式，若是仅仅为了页面跳转就调整固定连接格式，对SEO很不利，代价太大。
二、只能跳转文章的页面，对于其余页面，好比分类、标签页面，就没法跳转了。

那如何作到既实如今pc端的连接跳转又能够实如今小程序里“定制化”的跳转，受到短代码的启发,能够给A标签加上特定的属性，用于支持小程序里的A标签自定义跳转。因而我在标签里加了三个属性：

一、appid ： 须要跳转小程序的appid ，若是是跳转本小程序或业务域名的连接，不须要填写这个属性。

二、path : 小程序页面路径（包括参数），不管是跳转本小程序，仍是其余小程序都须要填写这个属性。对于微慕小程序的页面路径和参数的获取能够经过小程序的开发工具，获取方法能够看这个视频：微慕WordPress小程序开发教程——获取小程序页面路径

对于其余小程序的页面路径的获取，请看文章：获取更多页面路径

三、redirectype：跳转的类型，apppage-跳转本小程序 miniapp-跳转其余小程序 webpage-跳转业务域名的连接

优化后的A标签形式以下:

在小程序端显示样式以下图所示：若是是跳转小程序，会在连接前面看见一个小程序logo图标

固然这种对A标签的优化须要手动加入这个三个属性，若是是之前的文章须要再次编辑加入，仍是有些麻烦，不过对于新文章你能够考虑采用这个方式来跳转了。

为了方便加入这个优化的A标签，我给TinyMCE编辑器增长A标签按钮，简化录入方式，只须要添加相关属性的值便可。

特别注意：在使用TinyMCE编辑器里，若是使用优化的A标签，不要切换到“可视化”模式，只能在“文本”模式使用，若是切换到“可视化”模式会把原来添加到A标签的三个属性去掉，可能编辑器以为这三个属性不是标准属性，因而就删除了。

微慕小程序专业版和微慕小程序加强版已经支持该功能。

btw: 微慕小程序开源版最近作一些小更新，主要更新的内容以下：

一、分享到朋友圈。
二、优化腾讯视频解析
三、去除“猜你喜欢”中重复的文章
四、修复时间格式化的bug
五、优化A标签的跳转

谢谢你的阅读，谢谢你对微慕小程序的支持。

原文连接：https://www.watch-life.net/wechat/about-minapper-free-a-tag.html