如何在文本绑定中通过换行符替换char?

时间:2015-08-12 16:54:00

标签: javascript css knockout.js

我有<span data-bind="text: description"></span>应该输出

商店:裁缝店(1)
发送完整的欢迎礼包
数据表于01.01.2000

完成

相反,输出看起来像这样(没有换行符):

商店:裁缝店(1)发送完整的欢迎礼包数据表于01.01.2000

完成

这是我得到的数据:

description: "
↵Store: Tailor Shop (1)
↵Send complete welcome package
↵Datasheet was completed at 01.01.2000"

如何使用JS和CSS将该char 转换为换行符?

我在这里找到了一些答案,我试过了

description.replace("↵","\A")

并申请

white-space: pre-wrap;

无济于事。

1 个答案:

答案 0 :(得分:0)

经过多次尝试,感谢XPD的评论,我找到了一个有效的解决方案,将span替换为pre

<pre style="font-family: Arial;" 
    data-bind="text: description.replace('↵','\n')">
</pre>

我将arial应用为标准字体,使其看起来不像单声道标准<pre>标记。