Blazor版本的JSON高亮组件（非JS版本） 使用方式见Demo项目
Get Started
$ dotnet add package Blazor.JsonHighlightReadme
Blazor.JsonHighlight
介绍
Blazor版本的JSON高亮组件（非JS版本）
使用方式
- 创建Blazor项目。
- 在NuGet中安装包
Blazor.JsonHighlight
。 - 在
wwwroot/index.html文件的Head中引入：
<link href="https://lib.baomitu.com/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link href="_content/Blazor.JsonHighlight/Blazor.JsonHighlight.bundle.scp.css" rel="stylesheet">
- 在页面中使用组件（可参考Demo项目）。
<div>
<JsonHighlight Element="element"></JsonHighlight>
</div>
@code{
private JsonElement element;
protected override async Task OnInitializedAsync()
{
string json = await Http.GetStringAsync("sample-data/news.json");
var doc = JsonDocument.Parse(json);
element = doc.RootElement;
}
}