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

比如在文章里跳转到另一个文章,在pc端的html里可以轻易实现的,在小程序却比较困难,因为小程序的页面和pc端的页面路径不是一样的。微慕小程序原来的解决方案-wordpress的固定链接设置成如下格式:

然后在小程序端解析这个链接,实现小程序的页面跳转。但这个解决方案不友好:

1、过于依赖固定链接的格式,而且并不是所有wordpress网站都用这个格式,如果仅仅为了页面跳转就调整固定链接格式,对SEO很不利,代价太大。
2、只能跳转文章的页面,对于其他页面,比如分类、标签页面,就无法跳转了。

那如何做到既实现在pc端的链接跳转又可以实现在小程序里“定制化”的跳转,受到短代码的启发,可以给A标签加上特定的属性,用于支持小程序里的A标签自定义跳转。于是我在标签里加了三个属性:

1、appid :需要跳转小程序的appid ,如果是跳转本小程序或业务域名的链接,不需要填写这个属性。

2、path : 小程序页面路径(包括参数),无论是跳转本小程序,还是其他小程序都需要填写这个属性。对于微慕小程序的页面路径和参数的获取可以通过小程序的开发工具,获取方法可以看这个视频:微慕WordPress小程序开发教程——获取小程序页面路径

对于其他小程序的页面路径的获取,请看文章:获取更多页面路径(https://kf.qq.com/faq/180725biaAn2180725VnQjYF.html)

3、redirectype:跳转的类型,apppage-跳转本小程序 miniapp-跳转其他小程序 webpage-跳转业务域名的链接

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

在小程序端显示样式如下图所示:如果是跳转小程序,会在链接前面看见一个小程序logo图标

当然这种对A标签的优化需要手动加入这个三个属性,如果是以前的文章需要再次编辑加入,还是有些麻烦,不过对于新文章你可以考虑采用这个方式来跳转了。

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

特别注意:在使用TinyMCE编辑器里,如果使用优化的A标签,不要切换到“可视化”模式,只能在“文本”模式使用,如果切换到“可视化”模式会把原来添加到A标签的三个属性去掉,可能编辑器觉得这三个属性不是标准属性,于是就删除了。

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

btw: 微慕小程序开源版最近做一些小更新,主要更新的内容如下:

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

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

textarea支持a标签_微慕小程序开源版A标签优化说明相关推荐

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

    微慕WordPress小程序所有版本里,对于文章详情里文字内容的解析,都是通过开源组件:wxParse 不过这个组件已经停止维护,微慕小程序在这个组件上做了一些优化,让文章里文字在小程序显示更加完美. ...

  2. 微慕小程序开源美化版

    微慕小程序开源美化版 说明:本小程序采用守望轩(微幕小程序)开源版二次美化而成,基本上没有添加什么功能,仅作美化处理,需要可在原作者开源协议上使用. 新手不太会git 所以版本迭代修改有些混乱. 感谢 ...

  3. 小程序 a标签_微慕WordPress小程序增强版V2.0新版上线

    2020年7月10日,我进行了一场微信小程序的直播,直播主题:微慕小程序增强版v2.0版新功能说明, 在直播里对微慕增强版v2.0版全面阐述了新版本增加的功能. 微慕小程序增强版定位是使用wordpr ...

  4. 同城跑腿小程序开源版开发

    同城跑腿小程序开源版开发 同城跑腿小程序,支持帮取.帮送模式,包含用户端.骑手端.运营后台,支持一键接单/抢单, 为跑腿团队提供技术解决方案,无加密源码,可私有化部署. 功能特性,为你介绍同城跑腿小程 ...

  5. 苹果cms源码支持php版本_最新影视小程序对接苹果cms详细教程+源码[无授权完美运营版本]...

    准备工作: 教程很详细一步步操作都可以完成 常见问题: 问:域名需要备案吗? 回:如果你使用的是国内服务器需要备案域名,如果你使用的是国外服务器那就不需要备案 问:个人可以做吗? 回:个人也可以 问: ...

  6. java web 自定义标签_如何在JavaWeb程序中使用自定义标签

    展开全部 tld定义格式32313133353236313431303231363533e78988e69d8331333361323566 [java] view plain copy print? ...

  7. 多多客小程序开源版一步安装教程

    一步安装教程 打开 https://gitee.com/doodooke/doodoo,下载zip压缩包 执行命令 wget https://gitee.com/doodooke/doodoo/raw ...

  8. 12 个 yyds 的微信小程序开源项目,速速收藏!

    全文概览: wechat-app-mall:微信小程序商城: Vant Weapp:小程序 UI 组件库: iView Weapp:小程序 UI 组件库: echarts-for-weixin:Apa ...

  9. 小程序 pc版 缓存路径_WordPress版微信小程序3.5版发布

    最近花时间对WordPress版微信小程序做了一些完善和调整,修复不少程序的问题.一个程序的完善是持续和渐进的,没有最好,只有更完善.虽然会采纳一些用户的建议和意见,但我会从一个产品角度去考虑,哪些功 ...

最新文章

  1. LeetCode-二分查找-374. 猜数字大小
  2. 这个博主的《u-boot》总结的很好呢
  3. Android中Activity启动模式详解
  4. 隐马尔可夫模型(五)——隐马尔可夫模型的解码问题(维特比算法)
  5. python中write什么意思_Python中操作文件之write()方法的使用教程
  6. 过滤代码中的html标签
  7. 好用的markdown编辑工具Ulysses 25 for Mac
  8. ElementUI:input表单验证
  9. 注册表服务器设置mtu,自己修改注册表优化宽带网设置
  10. 商业云平台和开源云平台
  11. perl语言学习 教程
  12. SAM-BA 2.12 Patch 7 win7 64位 的安装
  13. 基于UDP的网络聊天室
  14. I2S—音频播放与录音输入
  15. rabbitmq 简易RPC调用示例
  16. HDMI EDID概念梳理
  17. 赋值具有的非单一 rhs 维度多于非单一下标数错误的分析和解决方法
  18. 相比DCMM,DMBOK为什么没有数据标准?
  19. 计算机音乐数字乐谱童话,童话钢琴简谱-数字双手-光良
  20. yolov3模型训练并部署到K210(零基础也可)

热门文章

  1. 树结构练习——判断给定森林中有多少棵树
  2. Java编程技巧之单元测试用例编写流程
  3. 33个常见问题!超全Windows排查手册
  4. 利用对象存储多种方式 保障OSS数据安全
  5. 拼不过 GO?阿里如何重塑云上的 Java
  6. 分辨垃圾材质自动分类 支付宝升级垃圾分类AI回收箱
  7. 日志服务数据加工最佳实践: 从其他logstore拉取数据做富化
  8. 专注数据,打造阿里云Elasticsearch“一站式”数据服务体系
  9. 移动云帮我养出了一片致富鱼塘
  10. 新时代 新营销 新增长, 纷享销客重磅发布CRM7.0产品,持续赋能企业数字化未来