Skip to content

ASP.NET Core JsonViewer Component for Server-Side Blazor Based-on Alenaksu's Json-Viewer https://github.com/alenaksu/json-viewer.

License

Notifications You must be signed in to change notification settings

Texnomic/JsonViewer

Repository files navigation

Blazor

Texnomic.Blazor.JsonViewer

NuGet

ASP.NET Core JsonViewer Component for Server-Side Blazor Based-on Alenaksu's Json-Viewer.

Installation

PM> Install-Package Texnomic.Blazor.JsonViewer

Setup

  1. Reference hCaptcha & NuGet Package JavaScript Files In Pages/_Host.cshtml File:

    <head>
       <script src="_content/Texnomic.Blazor.JsonViewer/scripts/JsonViewer.js" type="text/javascript"></script>
    </head>
  2. Drop-In JsonViewer Component & Bind Element Reference In Example.razor File:

    @using Texnomic.Blazor.JsonViewer
    
    <JsonViewer @ref="JsonViewerInstance"></JsonViewer>
  3. Create Backing Element Reference In Example.razor.cs File:

    using Texnomic.Blazor.JsonViewer;
    
    protected JsonViewer JsonViewerInstance { get; set; }
    
    protected async ValueTask Example(string Json)
    {
        await JsonViewerInstance.Render(Json);
    }

Donations

  • PayPal