如何在HTML中按文本框输入格式显示Django传递的文本

你遇到的问题是HTML默认会合并连续空格、换行，导致原文本格式丢失，以下几种方法可以解决：

1. 用Django linebreaksbr 过滤器转换行 #

把文本里的换行符转成HTML的<br>标签，保留换行结构：

<p>{{ blog.main_content|linebreaksbr }}</p>

2. 用HTML <pre> 标签原样输出 #

<pre>标签会完全保留文本的空格、换行和缩进，默认是等宽字体，可加CSS调整：

<pre>{{ blog.main_content }}</pre>

要让文本自动换行且用普通字体，修改为：

<pre style="font-family: inherit; white-space: pre-wrap;">{{ blog.main_content }}</pre>

3. 用CSS white-space 属性控制格式 #

给<p>标签加样式，强制保留空格和换行，同时支持自动换行：

<p style="white-space: pre-wrap;">{{ blog.main_content }}</p>

这种方式最灵活，不用修改文本结构，纯样式控制。

4. 用linebreaks过滤器生成段落 #

如果原文本有空行分隔的段落，这个过滤器会把空行分隔的内容转成独立的<p>标签：

{{ blog.main_content|linebreaks }}

注意这里不需要自己再包裹<p>标签，过滤器已经生成了段落结构。

内容的提问来源于stack exchange，提问作者Chetan Rathod