I'm the author of https://github.com/rodikh/angular-json-editor.

It's basically a directive wrapper for jdorn's json-editor. His project is very popular and in active development. Both it, and my wrapper are safe to use.

If you have any feature requests or issues with my wrapper, feel free to submit an issue on github and I'll try my best to resolve them.

    const container = document.getElementById("id_editor");
    var options = {
        modes: ['code', 'tree'],
        mode: "code",
    };
    const editor = new JSONEditor(container, options);

Note the mode key (NOT MODES) in the options dictionary.

For Angular 10, you can use version 1.10.5 of the Library.

npm i [email protected]

For anyone reading this after 2020 and needs a solution for angular 11 and 12 (and 13 soon).

I've forked the repository and updated it, as i needed the library for a personal project and the original project doesn't seem to be actively maintained at the moment.

https://www.npmjs.com/package/@maaxgr/ang-jsoneditor

For Angular 11:

npm install @maaxgr/ang-jsoneditor@11

For Angular 12:

npm install @maaxgr/ang-jsoneditor@12