C# 插入<;img>;来自Blazor中的自定义字符串标记
我正在尝试创建一个自定义字符串标记,以便在JSON数据中使用,该标记在Blazor组件中呈现时生成一个内联图标 因此JSON数据可能如下所示:C# 插入<;img>;来自Blazor中的自定义字符串标记,c#,html,data-binding,blazor,blazor-client-side,C#,Html,Data Binding,Blazor,Blazor Client Side,我正在尝试创建一个自定义字符串标记,以便在JSON数据中使用,该标记在Blazor组件中呈现时生成一个内联图标 因此JSON数据可能如下所示: [ { "name": "Banana" "description": "This item is a {fruit.png}fruit." } ] 我希望{fruit.png}部分在特定文件夹中呈现为图像。几乎就像是在HTML中呈现的一样 <h2>Banana</h2> <div>
[
{
"name": "Banana"
"description": "This item is a {fruit.png}fruit."
}
]
我希望{fruit.png}部分在特定文件夹中呈现为图像。几乎就像是在HTML中呈现的一样
<h2>Banana</h2>
<div>This item is a <img src='/images/icons/fruit.png'/>fruit.</div>
香蕉
这是一种水果。
我可以用HTML语法编写JSON数据,并绑定数据
<h2>@item.Name</h2>
<div>@((MarkupString)@item.Description)</div>
@item.Name
@((MarkupString)@item.Description)
但是,通过呈现为原始HTML,这就引入了可能的安全性问题。我更喜欢这样做,但只允许从特定文件夹中提取自定义图像块。这样就不可能将恶意代码注入JSON文件
有什么想法吗?谢谢