如何在 ASP.NET Core 中将尖括号转换为自定义 HTML？

Question

我正在使用 EF 搭建 MVC 以从 SQL Server 数据库中检索数据。我在表中有一个列有<tag> 用于超标/下标；我该如何处理？

数据库中的列值是like

Hc<1> H2<d> T18<c>

但在网络应用程序中，我需要这样显示：

所以我需要将 <sup> 和 > 替换为 </sup>

<td >
@Html.DisplayFor(modelItem => item.StrainName)
</td>

在索引页中显示该字段之前，如何转义 <tags> 并改为显示超标/下标

我试过了

 @Html.DisplayFor(modelItem => item.StrainName.Replace("<i>", "").Replace("</i>", "").Replace("<sup>", "<").Replace("</sup>", ">"))

但它会抛出类似的错误 nvalidOperationException: Templates can be used only with field access, property access, single-dimension array index, or single-parameter custom indexer expressions. Microsoft.AspNetCore.Mvc.ViewFeatures.ExpressionMetadataProvider.FromLambdaExpression<TModel, TResult>(Expression<Func<TModel, TResult>> expression, ViewDataDictionary<TModel> viewData, IModelMetadataProvider metadataProvider)

*** 编辑 ***

虽然表格没有使用任何样式

 <div class="col-md-12">
  <table class="table" >
       <thead>
        <tr>
         <th width="10%">
         .......
        </tr>
       </thead>
       <tbody>
         @foreach (var item in Model.Inventorys)
          {
            <tr style="padding-left:2em">
              <td>
               @Html.Raw(item.StrainName.Replace("<", "<sup>").Replace(">", "</sup>")) 
               </td>
               .............
              </tr>
            }
         </tbody>
        </table>

Answer 1

所以你的数据库包含这样的文本：

Hc<1> H2<d> T18<c>

你希望它像这样呈现为 HTML：

Hc<sup>1</sup> H2<sup>d</sup> T18<sup>c</sup>

看起来像这样：

Hc¹ H2^d T18^c

---

然后，在您的 Razor (.cshtml) 文件中执行此操作以获得快速而简单的解决方案：

@Html.Raw( item.StrainName.Replace( "<", "[sup]" ).Replace( ">", "</sup>" ).Replace( "[sup]", "<sup>" ) ) )

• .Replace 方法一次只替换一个子字符串，所以用"<sup>" 替换< 和用> 替换"</sup>" 我最初认为需要对.Replace 进行2 次调用。 .
  • 像这样：

    item.StrainName.Replace( "<", "<sup>" ).Replace( ">", "</sup>" )
    

• ...但是这不起作用，因为第二次调用.Replace 将匹配第一次调用.Replace 添加的> 字符（来自<sup> 中的尾随>）
• 因此需要 3 个单独的 .Replace 调用：
  • 第一次调用使用不同的字符集（[ 和 ]）来防止添加第二次调用会匹配的新 > 字符。
  • 第二个正常工作。
  • 第三个调用然后将第一个调用中的< 和> 替换为[ 和]。

---

您不需要使用DisplayFor 或任何其他___For 方法。 For 方法用于呈现 HTML（一般而言）对应于表单模型的“双向”成员（也称为“数据绑定”）。在这种情况下，这只是对静态 HTML 的简单单向呈现。

更好的方法是根据正则表达式验证文本，以确保尖括号是平衡的，因此不会用不平衡的<sup> 标签破坏您的 HTML（例如，防止无效文本像 @987654349 一样呈现@ - 这是给读者的一个练习。