欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序使用wxParse，解決圖片顯示路徑問(wèn)題 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價(jià)值，我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí)，更側(cè)重于功能的便捷，營(yíng)銷的便利，運(yùn)營(yíng)的高效，讓網(wǎng)站成為營(yíng)銷工具，讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持！

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

微信小程序使用wxParse，解決圖片顯示路徑問(wèn)題

發(fā)表時(shí)間：2021-1-4

發(fā)布人：葵宇科技

瀏覽次數(shù)：101

我們經(jīng)常用到發(fā)布文章，用的是UEditor百度富文本編輯器,方便排版，存儲(chǔ)的也是html代碼，這樣小程序解析出來(lái)的也是排版的樣式，但是使用wxParse解析html的時(shí)候，因?yàn)榇鎯?chǔ)的是圖片的相對(duì)路徑，所有在小程序解析的時(shí)候圖片不顯示，網(wǎng)上搜了好多，說(shuō)當(dāng)時(shí)圖片的時(shí)候在解析出來(lái)的圖片相對(duì)路徑前面加上域名，這樣也挺麻煩的，沒(méi)到圖片的地方都要判斷一下，所有我找了個(gè)簡(jiǎn)單粗暴的方法，直接改wxParse的代碼，只需要改這一個(gè)地方就可以了。

另外附上小程序 wxParse的使用方法

小程序  轉(zhuǎn)換富文本編輯器的方法

先到github下載一個(gè)庫(kù)     https://github.com/icindy/wxParse

包含文件夾
   -wxParse
      --wxParse.js(必須存在)
      --html2json.js(必須存在)
      --htmlparser.js(必須存在)
      --showdown.js(必須存在)
      --wxDiscode.js(必須存在)
      --wxParse.wxml(必須存在)
      --wxParse.wxss(必須存在)
      --emojis(表情文件，可選)

在頁(yè)面引入js和css文件
在使用的View中引入Wxparse模塊
var WxParse = require('../wxParse/wxParse.js');括號(hào)里放入你的路徑
在使用的Wxss中引入WxParse.css,可以在app.wxss
@import "./wxParse/wxParse.wxss";   引號(hào)內(nèi)放入你的路徑

接下來(lái) 我們需要顯示的wxss頁(yè)面上加  template標(biāo)簽   （就是要顯示wxml頁(yè)面)
<import src="../../wxParse/wxParse.wxml"/>
<view class="wxParse">
     <text>{{title}}</text>
  
    <template is="wxParse" data="{{wxParseData:res.data.content.nodes}}"/>

    //這里data中res.data.content 為bindName
</view>

.js文件

頁(yè)面頂部引入文件

var WxParse = require('../wxParse/wxParse.js');

在監(jiān)聽(tīng)頁(yè)面onload寫入
let that = this
在返回成功位置(success)寫入
var temp =  WxParse.wxParse('res.data.content', 'html', res.data.content, that, 5);
that.setData({
    msg:temp
})


* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName綁定的數(shù)據(jù)名(必填)
* 2.type可以為html或者md(必填)
* 3.data為傳入的具體數(shù)據(jù)(必填)
* 4.target為Page對(duì)象,一般為this(必填)
* 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0,可選)
*/