用把手中的白色空间替换

时间:2018-05-16 04:59:34

标签: javascript html node.js handlebars.js whitespace

从我的REST API中,我传递了某些字符串,其中空格被空格替换。

当谈到把手组件时,我想在浏览器中显示之前用空格替换它们。

如何在车把内部更换字符串的一部分,空白区域。

这是我的代码

<html>
<head>
    <table>
        <thead>
        </thead>
        <tbody>
        {{#goalSetValues}}
            <td><button onclick=init('{{goal}}')>{{goal}}</button></td>
        {{/goalSetValues}}
        </tbody>
    </table>

    <script type="text/javascript">

    function init (goalName) {
        console.log('came inside the init function with goalName == ' + goalName)

    }

    </script>
</head>
</html>

我尝试过几件事,

<td><button onclick=init('{{goal}}')>{{replace goal " " "&nbsp;"}}</button></td>

<td><button onclick=init('{{goal}}')>{{#replace "&nbsp;" " "}}{{goal}}{{/replace}}</button></td>

但是,它们似乎不起作用。请告诉我。

2 个答案:

答案 0 :(得分:2)

使用三个括号:{{{}}}输出为原始HTML。

然后浏览器会自动将&nbsp;渲染为空格。

E.g。

<td><button onclick=init('{{{goal}}}')>{{{goal}}}</button></td>

答案 1 :(得分:0)

您可以用这样的方式解析您的goalSetValues数组,以便用实际的非中断空格替换字符串中的&#34;&amp; nbsp;&#34;

var string = "Hello&nbsp;World"; var nbsp = String.fromCharCode(parseInt("00A0", 16)); string = string.replace("&nbsp;", nbsp);

这将使字符串&#34; Hello World&#34;但你看到的空间实际上是一个不间断的空间。