Blazoring.JsonEditor 1.0.1

Package Description

There is a newer version of this package available.
See the version list below for details.

Install-Package Blazoring.JsonEditor -Version 1.0.1

dotnet add package Blazoring.JsonEditor --version 1.0.1

<PackageReference Include="Blazoring.JsonEditor" Version="1.0.1" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add Blazoring.JsonEditor --version 1.0.1

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Blazoring.JsonEditor, 1.0.1"

For F# scripts that support #r syntax, copy this into the source code to reference the package.

// Install Blazoring.JsonEditor as a Cake Addin
#addin nuget:?package=Blazoring.JsonEditor&version=1.0.1

// Install Blazoring.JsonEditor as a Cake Tool
#tool nuget:?package=Blazoring.JsonEditor&version=1.0.1

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Readme

Blazoring.JsonEditor

Json file editor for Blazor apps. This editor was created and tested on WebAssembly Blazor app. It is not known how well it works in Server-side Blazor.

Json Editor tool

To install the package run following command:

Install-Package Blazoring.JsonEditor
or search Blazoring.JsonEditor in Nuget gallery.

This will install Blazoring.JsonEditor in your project. You also need to add in _imports.razor:

@using Blazoring.JsonEditor

Also, you need to add javascript file in index.html file:

<script src="_content/Blazoring.JsonEditor/Blazoring.JsonEditor.js"></script>

For icons suppor JsonEditor uses Font-Awesome icons library. You need to add link to index.html file:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">

Using in code:

<EditForm Model="MyJsonValue">
    <JsonEditor @bind-Value="MyJsonValue.JsonValue" FieldName="@nameof(JsonTestModel.JsonValue)" 
                ValidationFor="@(() => MyJsonValue.JsonValue)"></JsonEditor>

</EditForm>

Blazoring.JsonEditor doesn't work without EditForm. Also, validation is required.

You can see live sample here