我正在使用JSON检索一些文本数据,这些数据包括用换行符格式化的文本。我非常想将这些行中断呈现给用户。
问题:实现这一目标的“正确”/“推荐”方法是什么?
我尝试过的选择:
<p>${myText}</p>:不呈现换行符<pre>:<p><pre>${myText}></pre></p>:呈现换行符,但是有所有已知和喜爱的长<pre>文本问题,比如在某些浏览器中水平滚动和不太理想的分词。<br>:<p>${myText | textFormat}</p>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的使用进行任何输入疗养。
发布于 2018-07-14 13:16:37
我找到了解决方案论吉乌布:在父元素修复问题上使用style="white-space: pre-wrap;"。
https://stackoverflow.com/questions/34808817
复制相似问题