html - 防止文本区域中的断线

Question

我正在从我的 Postgresql 数据库中的文本区域发送一个句子，我需要在另一个页面中阅读这个句子。

如果用户的输入包含断线：

你好

大家

我的字符串将包含“\n”，这不是问题，但是当我需要渲染它时，这些元素仍然存在并且句子看起来像：

大家好\n

我怎样才能防止这种情况？

我已经尝试添加 CSS 元素white-space: pre-line;并且white-space: pre-wrap;没有任何变化

我还尝试使用 : 更改我的 back/python 中的字符串，message.replace("\n","<br/>")它也失败了。

你有什么想法？谢谢

标签： htmlcssflasktextarea

Answer 1

message.replace("\n", "<br/>")应该可以工作，但您需要|safe在模板中使用过滤器：

{{ 消息|安全 }}

防止<br>s 打印为文本。

这个也是：

{{ msg|replace('\n','<br>')|safe }}