Kendo UI-将Text()括起来的文本转换为<span>编码HTML

Kendo UI - Turning Text() enclosed text into <span> encoded HTML

本文关键字:lt span HTML 编码 gt 转换 文本 Text UI- 起来 Kendo      更新时间:2023-09-26

我正在尝试为Kendo UI附带的面板栏的标题添加样式我想把Blah-1 Blah-2的纯文本分成两个跨度块,这样它就可以输出html作为<span>Blah-1</span><span>Blah -2</span>

我如何通过以下方式实现这一点?

@(Html.Kendo().PanelBar()
  .Name("panelBar")
  .Items(panelBar =>
  {
    panelBar.Add().Text("Blah-1 Blah-2")
  })
)

我尝试在Text()中对<span>进行编码,但它无法转义html标记。

Encode方法允许您停止HTML编码(默认情况下完成):

@(Html.Kendo().PanelBar()
  .Name("panelBar")
  .Items(panelBar =>
  {
    panelBar.Add().Text("<span>Blah-1</span><span>Blah-2</span>").Encoded(false);
  })
)