Git Product home page Git Product logo

joghyrt / blazor.jsoneditor Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 1.0 740 KB

Json Editor and Viewer for Blazor Server and WASM App.

Home Page: https://66546b0fe74ef3008ca00fd0--cool-pasca-c1252e.netlify.app/

License: MIT License

HTML 38.40% C# 42.69% CSS 18.65% JavaScript 0.26%
blazor blazor-server blazor-webassembly component customization json json-editing json-editor ui-components ux

blazor.jsoneditor's People

Contributors

joghyrt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ryanhuang2715

blazor.jsoneditor's Issues

Array's

When selecting an Array as the valuekind i need to be able to allow for array of objects, how would i do that?

Not possible to add to json via editor

Describe the bug
The editor shows the content it is fed via DemoJson.Json, but it is not possible to click the '+' to get a new node.

To Reproduce
Steps to reproduce the behavior:

  1. Create a new Blazor app (I used .net 8)
  2. Add a new Blazor Component
  3. Follow instructions here
  4. Run app

Expected behavior
I would expect clicking the '+' icon would allow me to add a new json node.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: MacOS Sonoma 14.2
  • Browser Microsoft Edge
  • Version 122.0.2365.92

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Start with array instead of object

I want to start Json Editor with an array [] instead of object {} .

I have binded the value to an empty array but it shows an object .

<JsonEditor @bind-Value="DemoJson.Json"
              FieldName="@nameof(DemoJson.Json)"
              ValidationFor="@(() => DemoJson.Json)"
              CustomEditor="typeof(JsonItemCustomEditor)"
              CustomItemView="typeof(JsonItemCustomView)"
              CustomObjectView="typeof(JsonObjectCustomView)">
  </JsonEditor>
   public partial class CreateJson
  {
      private IndexModel DemoJson { get; set; } = new IndexModel();


      public CreateJson()
      {
          DemoJson.Json = "[]"; 
      }

  }

image

As you can see it starts with an object.
Can you please tell me if I am doing something wrong or if it is a bug ?

Missing content javascript file in nuget package

IT appears that the Blazor.JsonEditor.js is missing from the nuget package for a blazor server application. I've checked the nuget package and there is not a .js file in the package at all, even under the staticassets folder.

Steps to reproduce the behavior:

  1. Create blazor server application (.net 7)
  2. Following instructions on https://github.com/joghyrt/Blazor.JsonEditor/tree/main
  3. Load site and check developer tools
  4. See the error message about unable to load Blazor.JsonEditor.js

Expected behavior
Should load script

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.