Human-readable editor for JSON files?

[dirkhd]

Hey guys,

JSON as a file format/database is widely established e.g. also when using VUEX.
One question: Do anyone know an editor for JSON files that shows data in a way that is readable? So I thought of presenting data in form of a table, for instance, or making it easy editing specific entries?

Background is: I am working on an Android App presenting articles (also via Firebase but also via some locally stores data). But I haven’t found a good tool that enables some authors to edit and write articles in a comfortable way.

Any ideas for me?

Thx a lot
Dirk

[dobbel]

Maybe a bit of overkill if you just want a Wysiwyg JSON editor but:

https://www.forestadmin.com/

You could also use Wordpress as a headless(without a site) CMS. You write your articles in wordpress and serve the articles as JSON with the Wordpress REST-API.

[dirkhd]

@dobbel Thank you for your ideas, I will take a closer look whether it would be overkill or a fine solution.

[njsteele]

Raw JSON…

Here is a Vue-based JSON editor that even uses Schemas: https://vuejsfeed.com/blog/a-schema-aware-json-editor-developed-with-vue-js

Here is a vue-based JSON editor that is a lot simpler: https://jinkin1995.github.io/vue-json-edit/

JSON/Form generator…

Here is an opinionated way to create JSON forms: https://github.com/yourtion/vue-json-ui-editor

Here is an unopinionated way to create JSON forms (even works directly with Quasar or any Vue components - this is what I use): https://github.com/jarvelov/vue-form-json-schema

Here are more choices, depending on your needs: https://morioh.com/p/130d79a6cc77