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
Answer from Caelis on Stack Overflow
🌐
npm
npmjs.com › package › ngx-json-viewer
ngx-json-viewer - npm
JSON formatter / viewer for Angular. Latest version: 3.2.1, last published: 3 years ago. Start using ngx-json-viewer in your project by running `npm i ngx-json-viewer`. There are 44 other projects in the npm registry using ngx-json-viewer.
      » npm install ngx-json-viewer
    
Published   Nov 21, 2022
Version   3.2.1
Author   Vivo Xu
🌐
NgxEditor
sibiraj-s.github.io › ngx-editor › introduction
Introduction | NgxEditor
import { NgxEditorComponent, NgxEditorMenuComponent, Editor } from 'ngx-editor'; ... If the Input to the component is HTML, output will be HTML. To manually convert json output from the editor to html
🌐
GitHub
github.com › hivivo › ngx-json-viewer
GitHub - hivivo/ngx-json-viewer: JSON formatter and viewer in HTML for Angular · GitHub
JSON formatter and viewer in HTML for Angular. Contribute to hivivo/ngx-json-viewer development by creating an account on GitHub.
Starred by 182 users
Forked by 72 users
Languages   TypeScript 68.2% | SCSS 13.3% | HTML 9.0% | JavaScript 9.0% | CSS 0.5%
🌐
GitHub
github.com › whcmark › ngx-jsoneditor
GitHub - whcmark/ngx-jsoneditor: a wrapper for json editor(http://jsoneditoronline.org)
a wrapper for json editor(http://jsoneditoronline.org) - whcmark/ngx-jsoneditor
Starred by 8 users
Forked by 8 users
Languages   TypeScript 56.2% | JavaScript 43.8% | TypeScript 56.2% | JavaScript 43.8%
🌐
npm
npmjs.com › package › @dimakorotkov › ngx-json-editor
@dimakorotkov/ngx-json-editor - npm
Ngx Json Editor (wrapper for json-editor).
      » npm install @dimakorotkov/ngx-json-editor
    
Published   Feb 01, 2022
Version   1.0.1
Author   Dmitriy Korotkov
🌐
GitHub
github.com › carlos-morcillo › ngx-json-builder
GitHub - carlos-morcillo/ngx-json-builder: Jsoneditor for Angular 11, 12, 13, 14 and 16
Jsoneditor for Angular 11, 12, 13, 14 and 16. Contribute to carlos-morcillo/ngx-json-builder development by creating an account on GitHub.
Author   carlos-morcillo
Find elsewhere
🌐
Socket
socket.dev › npm › package › ngx-json-builder
ngx-json-builder - npm Package Security Analysis - Socket
You have to install it via npm i jsoneditor@9.7 · To install this library with npm, run one of the command below: WARNING: Although versions are marked as stable, there can be still bugs because this project isn't heavily integrated in a lot of production projects ... // For Angular 11 + 12 import { NgJsonEditorModule } from 'ngx-json-builder' // Starting Angular 13 import { NgxJsonBuilderModule } from 'ngx-json-builder' @NgModule({ declarations: [ AppComponent ], imports: [ ...., // For Angular 11 + 12 NgJsonEditorModule, // Starting Angular 13 NgxJsonBuilderModule, ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
🌐
NgxEditor
sibiraj-s.github.io › ngx-editor › doc-html-doc
Working with HTML/JSON doc | NgxEditor
import { toHTML } from 'ngx-editor'; const html = toHTML(this.jsonDoc); // -> html string · // schema is optional, use it if you modified the default schema · const html = toHTML(this.jsonDoc, schema); // -> html string · import { toDOC } from 'ngx-editor'; this.jsonDoc = toDOC(htmlString); // schema is optional, use it if you modified the default schema ·
🌐
npm
npmjs.com › package › ngx-jsoneditor
ngx-jsoneditor - npm
Latest version: 0.1.1, last published: 8 years ago. Start using ngx-jsoneditor in your project by running `npm i ngx-jsoneditor`. There are no other projects in the npm registry using ngx-jsoneditor.
      » npm install ngx-jsoneditor
    
Published   May 06, 2017
Version   0.1.1
Author   DevMark
🌐
npm Trends
npmtrends.com › ang-jsoneditor-vs-jsoneditor-vs-ng2-json-editor-vs-ngx-json-viewer
ang-jsoneditor vs jsoneditor vs ng2-json-editor vs ngx-json-viewer | npm trends
Comparing trends for ang-jsoneditor 4.0.2 which has 46,271 weekly downloads and 162 GitHub stars vs. jsoneditor 10.4.2 which has 224,612 weekly downloads and 12,146 GitHub stars vs. ng2-json-editor 0.25.52 which has 91 weekly downloads and 1 GitHub stars vs. ngx-json-viewer 3.2.1 which has ...
🌐
GitHub
github.com › Verbalman › ngx-json-reader
GitHub - Verbalman/ngx-json-reader: Angular JSON reader/editor with multi-URL compare & diff
ngx-json-reader is a lightweight Angular 20+ library for working with JSON in your applications. It provides a standalone component that can: ... Perfect for developer tools, admin dashboards, or any Angular app that needs an interactive JSON ...
Author   Verbalman
🌐
CodeAndWeb
codeandweb.com › babeledit
BabelEdit - Editor for JSON translation files for Angular & React
Edit your translation files in parallel. Supports Angular (ngx-translate), React (react-intl) and other frameworks that use JSON to store translations.
🌐
CodeSandbox
codesandbox.io › examples › package › ngx-json-viewer
ngx-json-viewer examples - CodeSandbox
Use this online ngx-json-viewer playground to view and fork ngx-json-viewer example apps and templates on CodeSandbox.
🌐
npm
npmjs.com › package › ngx-editor
ngx-editor - npm
<div class="NgxEditor__Wrapper"> <ngx-editor-menu [editor]="editor"> </ngx-editor-menu> <ngx-editor [editor]="editor" [ngModel]="html" [disabled]="false" [placeholder]="'Type here...'" ></ngx-editor> </div> Note: Input can be a HTML string or a jsonDoc · Mostly works on all Evergreen-Browsers like ·
      » npm install ngx-editor
    
Published   Apr 26, 2025
Version   19.0.0-beta.1
🌐
npm
npmjs.com › package › jsoneditor
jsoneditor - npm
A web-based tool to view, edit, format, and validate JSON. Latest version: 10.4.2, last published: 5 months ago. Start using jsoneditor in your project by running `npm i jsoneditor`. There are 427 other projects in the npm registry using jsoneditor.
      » npm install jsoneditor
    
Published   Oct 15, 2025
Version   10.4.2
Author   Jos de Jong
🌐
npm
npmjs.com › package › ng2-json-editor
ng2-json-editor - npm
Latest version: 0.25.52, last published: 2 years ago. Start using ng2-json-editor in your project by running `npm i ng2-json-editor`. There are 4 other projects in the npm registry using ng2-json-editor.
      » npm install ng2-json-editor
    
Published   Sep 19, 2023
Version   0.25.52
Author   Harun Urhan