【微信小程序】使用wxs解决文本替换与首行缩进

发表于 2019-04-01 更新于 2021-12-19 分类于小程序 Disqus：本文字数： 534 阅读时长 ≈ 1 分钟

一段文本缩进

text标签在小程序中默认为内联标签，如果单独设置 text-indent是无效的，需设置为块级/行内块元素

1 2	display: inline-block; text-indent: 58rpx;

多段文本换行与缩进

1
2
3

<wxs src="../../utils/filter.wxs" module="tools"></wxs>
<text decode="{{true}}">{{tools.format(多段文本的内容)}}</text>
//decode译码解码

filter.wxs:

var format = function (text){
    if(!text) return
    var reg = getRegExp('\\\\n', 'g')
    return text.replace(reg, '\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;')
}

module.exports = {
    format: format
}