将\ r \ n字符转换为Ionic 3中的新行

时间:2017-11-07 16:49:03

标签: ionic-framework ionic3

我希望能够将字符串中的\ r \ n字符转换为新行

实施例 约翰现在在等。\ r \ n我们可以告诉你他的情况。 \ r \ n他是一个伟大的人

转换为

约翰现在在等。

我们可以告诉你关于他的事吗。

他是一个伟大的人

试过这个但无济于事

nl2br(text: string) {
    return text.replace(new RegExp('\r?\n','g'), '<br />');
}

2 个答案:

答案 0 :(得分:4)

如果您将以下样式应用于元素,则

\n将显示为换行符:

white-space: pre-wrap

答案 1 :(得分:3)

我认为问题可能是因为您的\r\n字符可能因为“过度转义”而可见。

此外,我不确切知道您的替换必须执行的上下文,但我认为您不必用<br/>替换它们

你可以这样做一些愚蠢的事情

nl2br(text: string) {
    return text.replace('\\r\\n', '\n');
   //or return text.replace('\\r\\n', '<br/>') if it is really what you need
}

另请注意,如果您混合使用了转发\n\r,则可以

nl2br(text: string) {
    return text.replace(/\\r\\n|\\r|\\n/gi, '\n');
   //or ...'<br/>');
}