在DIV中显示HTML编码字符串 - 换行符不起作用

Question

我正在尝试在DIV中显示样式文本。每个注释条目都需要单独显示。我一直试图在文本中添加
但我仍然没有得到正确的结果。每个Note都有一个时间戳和用户名，用粗体表示每个音符的开头。

这是我目前的结果：

我希望第二个音符（白色音符）位于下一行。第三个音符（白色音符后面的红色音符）应该在下一行。

以下是我的剃刀视图中的代码：

    <div class="editor-field" id="summary">
        <div class="editor-label">
            @Html.LabelFor(model => model.Notes)
        </div>
        <div>
            @Html.Raw(Model.Notes);
        </div>
    </div>

以下是我在行动中所做的工作：

task.Notes = task.Notes.Replace("<font", "<br /><font");

以下是具有多个注释的字符串的示例：

<font color="DD0000"><b>2/1/2006 - SGULLEDGE</b>&nbsp;&nbsp;PART 48 00200 00 - YOU HAVE COST OF $87.54 - VENDOR CHARGING YOU $116.72
PART 4 00041 00 - PO COST IS $43.44 - VENDOR CHARGING $59.95
PART 48 00228 02 - PO COST IS $67.59 - VENDOR CHARGING $93.27
is the vendors price correct?   thanks</font>
<b>2/1/2006 - RSANCHEZ</b>&nbsp;&nbsp;Sharron i have a quote can i please fax it to you ?

有谁知道我怎么能让新线出现在这个DIV中？非常感谢所有帮助。

Answer 1

这正是<pre>标记的目的。

<div>
    <pre>
       @Html.Raw(Model.Notes)
    </pre>
</div>

或者只是用pre替换div标签。有关示例，请参阅fiddle