使文本出现在 html table 带有换行符的单元格中
Making text appear in html table cell with line breaks
我正在开发一个背后有数据库的 razor pages 网站。数据库列之一需要包含多行文本。文本由用户在创建数据库条目时输入,因此可以编辑以包含
标签等。当在网页上显示时,此多行数据显示在 table 单元格中,如下所示:
<dd>
@Html.DisplayFor(model => model.SpecSelResult.Output)
</dd>
但是,换行符没有出现。如果我将文本输入为 'Line1
Line2
Line3',在检查 chrome 中的元素时,我会看到以下内容:
<dd>
::before
"
Line1<br> Line2<br> Line3
"
::after
</dd>
这显示为
Line1<br> Line2<br> Line3
所以
标签无效。
理想情况下,我只能从记事本或记事本 ++ 中复制和粘贴文本,而不添加
标签,但如果可以的话,添加标签也不会太糟糕。
谁能告诉我如何让数据显示多行?
编辑:
如果我添加 <br>
标签,我发现这种方法有效,但我仍然希望没有这些标签的解决方案:
<dd>
@Html.Raw(Model.SpecSelResult.Output)
</dd>
这解决了我的问题:
<pre>@Html.DisplayTextFor(model => model.SpecSelResult.Output)</pre>
我正在开发一个背后有数据库的 razor pages 网站。数据库列之一需要包含多行文本。文本由用户在创建数据库条目时输入,因此可以编辑以包含
标签等。当在网页上显示时,此多行数据显示在 table 单元格中,如下所示:
<dd>
@Html.DisplayFor(model => model.SpecSelResult.Output)
</dd>
但是,换行符没有出现。如果我将文本输入为 'Line1
Line2
Line3',在检查 chrome 中的元素时,我会看到以下内容:
<dd>
::before
"
Line1<br> Line2<br> Line3
"
::after
</dd>
这显示为
Line1<br> Line2<br> Line3
所以
标签无效。
理想情况下,我只能从记事本或记事本 ++ 中复制和粘贴文本,而不添加
标签,但如果可以的话,添加标签也不会太糟糕。
谁能告诉我如何让数据显示多行?
编辑:
如果我添加 <br>
标签,我发现这种方法有效,但我仍然希望没有这些标签的解决方案:
<dd>
@Html.Raw(Model.SpecSelResult.Output)
</dd>
这解决了我的问题:
<pre>@Html.DisplayTextFor(model => model.SpecSelResult.Output)</pre>