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 Overflownpm
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
Repository https://github.com/hivivo/ngx-json-viewer
Videos
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)
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
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 ·
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.
GitHub
github.com › whcmark › ngx-jsoneditor › blob › master › src › jsoneditor.component.ts
ngx-jsoneditor/src/jsoneditor.component.ts at master · whcmark/ngx-jsoneditor
a wrapper for json editor(http://jsoneditoronline.org) - whcmark/ngx-jsoneditor
Author whcmark
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
Repository https://github.com/devmark/ngx-jsoneditor
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
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
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
Repository https://github.com/josdejong/jsoneditor
Homepage https://jsoneditoronline.org
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