小程序text标签内解析&nbsp

  微信小程序中如果直接在text标签内使用空格符,text标签是不会进行解码转化的,例如

<text>我&nbsp是&nbsp空&nbsp格</text>

输出效果为


这时候我们需要使用到一个方法,就是在text标签中直接直接定义"decode",写法如下:

<text decode="{{true}}">我&nbsp是&nbsp空&nbsp格</text>


这样的话就能识别到 空格符,并且明显是在我们的wxml页面上了。

微信小程序官方文档如下

属性

类型

默认值

必填

说明

最低版本

selectable

boolean

false

文本是否可选 (已废弃)

1.1.0

user-select

boolean

false

文本是否可选,该属性会使文本节点显示为 inline-block

2.12.1

space

string

显示连续空格

1.4.0

合法值 

说明

ensp中文字符空格一半大小

emsp

中文字符空格大小

nbsp

根据字体设置的空格大小

decode

boolean

false

是否解码

1.4.0

Bug & Tip

  1. tip: decode可以解析的有

    &nbsp;&lt;&gt;&amp;&apos;&ensp;&emsp;

  2. tip

    : 各个操作系统的空格标准并不一致。
  3. tip

    :text 组件内只支持 text 嵌套。
  4. tip

    : 除了文本节点以外的其他节点都无法长按选中。
  5. bug

    : 基础库版本低于

    2.1.0

    时, text 组件内嵌的 text style 设置可能不会生效。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值