textarea支持a标签_微慕小程序开源版A标签优化说明
微慕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标签优化说明的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux查看pid 对应的程序_资深程
- 下一篇: c++ vector 初始化_什么?还不