首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在HTML字符串中保留换行符

在HTML字符串中保留换行符
EN

Stack Overflow用户
提问于 2018-03-13 08:39:53
回答 3查看 24.5K关注 0票数 17

使用Angular 5和Firebase,我可以存储和检索电影评论信息。在创建和编辑评论时,会保留换行符(我假设使用ngModel与此有关)。然而,当从读者的角度检索评论时,ReviewComponent,换行符不会被保留。记录主体仍然显示换行符,使用Angular的json管道显示为text\n\ntext,显示换行符应该在哪里。

这是我的HTML:

代码语言:javascript
复制
<main role="main" class="container">
  <p style="margin-bottom: 2rem;">{{review.body}}</p>
</main>

我还尝试过spanbody

我如何在评论中为读者保留这些换行符?

EN

回答 3

Stack Overflow用户

发布于 2021-01-08 15:10:09

通过使用[innerText]指令,似乎可以保留空格以及\n新行

例如<small style="display:block" [innerText]="review.body"></small>

票数 7
EN

Stack Overflow用户

发布于 2019-02-01 18:48:00

我也遇到过类似的情况,我的HTML代码如下:

代码语言:javascript
复制
<div>{{msgTitle}}</div>

我尝试将'\r\n'&lt;br&gt;都放在字符串msgTitle中,但是它们都不能在页面上显示的文本中换行。这个链接给了我解决方案:

https://github.com/angular/angular/issues/7781

使用[innerHTML]="msgTitle"而不是{{msgTitle}}

票数 4
EN

Stack Overflow用户

发布于 2018-03-13 08:46:09

尝试span,但将其设置为:

代码语言:javascript
复制
span 
{ 
    display : table;
}

这应该会有帮助。

票数 -4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49246543

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档