Blazor;建立一个有可能链接的清单。

问题描述 投票:1回答:1

构建一个Blazor 3.1的应用(原型是服务器和客户端,所以想为两者提供一个解决方案)。我试图找出一种简单的方法来实现这个目标,但似乎比预期的要难。

从一个服务中得到一个句子字符串的列表,我想把它们显示在一个无序的列表中.在我把文本添加到列表项之前,如果有一个可识别的单词,我想添加链接。

因此,如果文本行说

  • "上周在微软,我们创造了一些伟大的东西"
  • "Stackoverflow的人真的很有帮助,特别是在微软代码问题上"

我希望结果是

<ul>
<li>Last week at <a href='www.microsoft.com'>Microsoft</a>, we built something great</li>
<li>People at <a href='www.stackoverflow .com'>Stackoverflow </a> are really helpful, especially with <a href='www.microsoft.com'>Microsoft</a> code issues<li>
</ul>

我可以使用JavaScript来调整它,但我认为有一种方法可以不使用JS.Components不再有BuildRenderTree的覆盖,所以我不能这样做。

我不能假设有一个关键字,我需要创建一个链接,所以每行文本可以有0到许多hrefs.I不能让一个组件使用的是 <pre>,因为它是一个无序列表的一部分,而且 <pre> 是一个块状线元素,我希望不要做额外的CSS。

blazor
1个回答
1
投票

如前所述,我自己发现解决方案是使用 MarkupString (针对Blazor应用,以及 HtmlString 对于Razor应用来说)

© www.soinside.com 2019 - 2024. All rights reserved.