Editor based on xsd

Have been looking over-and-over at various json schema based editors ...

  • The @json-editor/json-editor package has a nice looking demo. But it has a lot of dependencies which are optional, however it looks awfull when I don't add those dependencies:

    json_schema_editor

    So not sure whether this kind of generated html forms is useful in a small config screen. Especially when the json schema contains a series of levels in the hierarchy. I think it will become too wide in that case, to fit on the screen ...

  • The json-editor only depends on JQuery, and generates a property grid:

    image

    Such a property grid will fit my small config screen much better, but the project seems unmaintained.

  • The sditor looks very Node-RED alike:

    image

    When I first saw it, I really thought Nick had added a new editor UI widget to Node-RED :wink:

    This would fit optimal on my config screen, however this widget is based on React and TypeScript. Not sure whether I could simulate something like that with the Node-RED TreeList widget, because then I need to implement the json schema to tree convertion myself (and backwards).

Not sure which of those 3 options I have to choose.

From a usability point of view, I would prefer the last one. But that will be a lot of work. And suppose I could get it working, it would be a pity if it wouldn't be reusable. Because I think that some other contrib nodes might want to use a widget like that one ...

Any thoughts about this??

1 Like