微信小程序富文本去除首行缩进样式_小程序富文本处理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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。