1. <thead id="8qdxw"></thead>

      返回舊版| 微信建站| 建站之家論壇| 我要建站 | 建站學習 | 加入收藏
      百度小程序當前位置:首頁 > cms教程 > 百度小程序 > 正文

      百度小程序富文本解析工具bdParse

      發布時間:2018-10-05 21:26:50   來源:   點擊:
      最近在做百度小程序,發現百度小程序目前大家接觸的都比較少,還搜不到相關的技術支持,特別是處理文章的富文本處理工具。做過微信小程序的都知道,微信有一個wxParse,專門針對微信富文本開發的一套組件,可以完美讓html轉換成小程序的節點,于是便想能不能把wxParse改造成百度小程序的。

      由于百度小程序和微信小程序的代碼相似度搞大95%以上,幾乎就是微信的wxml,js請求和標簽批量替換成百度swan,js的,css和json完全通用,這也包括富文本節點完全一樣,所以嘗試改造,用于百度和微信的循環和模板調用不太一樣,所以也費了點時間,為了區分wxParse,所以改名字bdParse。

      bdParse項目下載地址:https://gitee.com/sootou/bdparse

      項目介紹

      百度小程序富文本解析工具bdParse,改造自wxparse,支持html轉換成百度小程序富文本節點。

      安裝教程

      1. 下載整個全部文件,放到你的小程序根目錄下
      2. 在小程序頁面的js種直接引入代碼:var bdParse = require('../../bdParse/bdParse.js');
      3. 在需要的字段使用baparse,代碼:(注意:article和content不要重復)that.setData({ content:bdParse.bdParse('article', 'html', content, that, 5), })
      4. swan頁面引入模板,<import src="../../bdParse/bdParse.swan" /> 然后在需要顯示富文本的地方調用:<template is="bdParse" data="{{article}}" />

      使用說明

      1. swan調用模板的data="{{article}}"和setData中的article保持一致。
      2. 調用bdparse組件的時候,組件已經把富文本內容賦值(即setData)給了article,所以swan可以直接data="{{article}}"。
      3. wxParse的調用方式為{{wxParseData:article.nodes}},這里和他的不一樣。

      其他說明

      1. bdParse是在wxParse的基礎上改造的,只是把wxParse替換換成了bdParse,包含js,swan, css
      2. wxml修改后綴改成swan,并且修改了全部模板傳值的調用方式,符合百度小程序的使用。
      3. 修復了其他百度小程序的專有組件,比如s-for,s-if,s-elif,s-for-index等等
      4. 修復其他問題,比如去掉<template name="wxParseImg">重復的mode以及去掉data-from,給所有的s-for-index添加idx(好像不能為空)。
      5. 其他修改,不再贅述
      6. 因為直接批量替換內容,基本文章可以滿足使用,其他沒有做過多測試,歡迎大家反饋bug

      參與貢獻

      碼農不易,多多支持

      如果你覺得bdParse幫你解決了問題,請不要忘了打賞,你的支持是我們最大的動力。

      版權所有:鄭州騰石網絡科技有限公司 備案信息:豫ICP備18019117號
      站長QQ:2863868475 業務合作咨詢:15137100750(同微信)
      本站所有投放的廣告是有其他網站提供,不代表本站立場,同時網站首頁廣告位對外出租詳情咨詢本站站長!同時歡迎廣大站長加入個人建站團隊
      • 建站客服
      • CMS仿站
      • CMS學習
      • 技術交流群:336572814
      福彩开奖