如何在 Blazor 页面上显示格式化的 JSON？

Question

如何在 Blazor 页面上清晰地显示 JSON 格式？

parsedResult目前我在文本区域中显示 JSON ( )：

<div class="col-lg-12 noSidePadding" id="parser" data-bind="visible: ParserVisible">
    <h3>Parser</h3>
    <div>
        <EditForm Model=@TLogMessageRequestDto>
            <div class="form-group">
                <label for="lblMessage">Message:</label>
                <textarea class="form-control textAreaSize" id="source" @bind="inputMessage" rows="5"></textarea>
                <input type="submit" id="upload" class="btn btn-primary" @onclick="OnParseClicked" value="Parse"/>
            </div>
        </EditForm>
    </div>
    <br />
    <div>
        <label for="results">Results:</label><br />
        <textarea id="results" @bind="parsedResult"></textarea>
    </div>
</div>

输出：

Answer 1

你可以这样做

@using System.Text.Json

<pre>
    @(JsonSerializer.Serialize(parsedResult, new JsonSerializerOptions() { WriteIndented = true }))
</pre>