微信小程序富文本去除首行缩进样式_小程序富文本处理wxParse
小程序富文本處理wxParse
最近項目資訊類的小程序，富文本處理成了難題，在百度上看了很多文章，都大同小異。一樣原理，下邊是記錄。
先看效果圖：(圖片自動居中自適應哦！還可以預覽~)
注意事項：方式名字前兩字母是wx小寫哦！！！看清楚，網上有的是大寫。
2引入(我的放在根目錄下了你們自己的隨意，注意更改路徑哦~)
代碼：//?pages/text/text.js
var?WxParse?=?require('../../wxParse/wxParse.js');
Page({
/**
*?頁面的初始數據
*/
data:?{
art:'',
},
/**
*?生命周期函數--監聽頁面加載
*/
onLoad:?function?(options)?{
var?_this?=?this;
wx.request({
url:?'http://www.admin.test/api/test',?//僅為示例，并非真實的接口地址
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;
}
效果圖已經在最上邊了！ 如果有問題可以留言哦！
OK 小程序富文本就到這里了~~
小程序富文本處理wxParse
總結
以上是生活随笔為你收集整理的微信小程序富文本去除首行缩进样式_小程序富文本处理wxParse的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [小技巧]diff的文件夹忽略使用方式
- 下一篇： JAVA多线程程序ProgressBar