微信小程序富文本去除首行缩进样式_小程序富文本处理wxParse
小程序富文本處理wxParse
最近項(xiàng)目資訊類的小程序，富文本處理成了難題，在百度上看了很多文章，都大同小異。一樣原理，下邊是記錄。
先看效果圖：(圖片自動(dòng)居中自適應(yīng)哦！還可以預(yù)覽~)
注意事項(xiàng)：方式名字前兩字母是wx小寫哦！！！看清楚，網(wǎng)上有的是大寫。
2引入(我的放在根目錄下了你們自己的隨意，注意更改路徑哦~)
代碼：//?pages/text/text.js
var?WxParse?=?require('../../wxParse/wxParse.js');
Page({
/**
*?頁(yè)面的初始數(shù)據(jù)
*/
data:?{
art:'',
},
/**
*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad:?function?(options)?{
var?_this?=?this;
wx.request({
url:?'http://www.admin.test/api/test',?//僅為示例，并非真實(shí)的接口地址
data:?{
},
success(res)?{
WxParse.wxParse('article',?'html',?res.data.text,?_this,?5);
_this.setData({
art:res.data.text
})
}
})
},
然后在wxml引入：
最后是wxss中引入：/*?pages/text/text.wxss?*/
@import?"../../wxParse/wxParse.wxss";
.article{
padding:?0?40rpx;
text-indent:?20rpx;
line-height:?46rpx;
font-size:?36rpx;
}
.article?.wxParse-img{
display:?flex;
}
效果圖已經(jīng)在最上邊了！ 如果有問(wèn)題可以留言哦！
OK 小程序富文本就到這里了~~
小程序富文本處理wxParse
總結(jié)
以上是生活随笔為你收集整理的微信小程序富文本去除首行缩进样式_小程序富文本处理wxParse的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： [小技巧]diff的文件夹忽略使用方式
- 下一篇： JAVA多线程程序ProgressBar