首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Aurelia将换行符呈现为<br>标记

如何使用Aurelia将换行符呈现为<br>标记
EN

Stack Overflow用户
提问于 2016-01-15 10:17:02
回答 3查看 2.2K关注 0票数 6

我正在使用JSON检索一些文本数据,这些数据包括用换行符格式化的文本。我非常想将这些行中断呈现给用户。

问题:实现这一目标的“正确”/“推荐”方法是什么?

我尝试过的选择:

  • 绑定:<p>${myText}</p>:不呈现换行符
  • 使用<pre><p><pre>${myText}></pre></p>:呈现换行符,但是有所有已知和喜爱的长<pre>文本问题,比如在某些浏览器中水平滚动和不太理想的分词。
  • 绑定通常使用用valueConverter标记替换换行的<br><p>${myText | textFormat}</p>
代码语言:javascript
复制
export class TextFormatValueConverter {
  toView(value) {
    return value.replace(new RegExp('\r?\n','g'), '<br>');
  }
}

这确实呈现了<br>标记,但是Aurelia将转义这些标记,并将它们显示为文字文本给用户。*使用上述转换器和innerHTML:<p innerHTML.bind="myText | textFormat"></p>进行绑定:呈现ok,但我担心它可能容易受到攻击,因为这些文本来自一个遗留系统,该系统不对web的使用进行任何输入疗养。

EN

Stack Overflow用户

发布于 2018-07-14 13:16:37

我找到了解决方案论吉乌布:在父元素修复问题上使用style="white-space: pre-wrap;"

票数 1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34808817

复制
相关文章

相似问题

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