textarea输入的空格,如何展示到页面上?
发布于 7 年前 作者 duanyong 8123 次浏览 来自 问答

输入是这样,

页面展示时空格就没了

<text class="contentStyle">{{knowObj.content}}</text>

我是用text标签展示的,为什么不能展示空格呀?

3 回复

我已经想到解决办法了

js中将空格用&nbsp;替换掉

knowObj.content = knowObj.content.replace(/\u0020/g,'&nbsp;')

    this.setData({

      knowObj

    })

<text>标签中再用decode解析&nbsp;

<text class="contentStyledecode>{{knowObj.content}}</text>

希望对遇到同样问题的小伙伴有帮助

html时代就有的问题了

<text style="white-space:pre">{{knowObj.content}}</text>
或者
<text space="nbsp">{{knowObj.content}}</text>
回到顶部