Could use Monaco editor. It's open source and has been easy to work with ime and is feature rich https://github.com/microsoft/monaco-editor Edit: added GitHub link Answer from piminto on reddit.com
🌐
npm
npmjs.com › package › ang-jsoneditor
ang-jsoneditor - npm
Angular Json Editor (wrapper for jsoneditor).
      » npm install ang-jsoneditor
    
Published   Apr 09, 2025
Version   4.0.2
Author   Mario Mol
🌐
Rodikh
rodikh.github.io › angular-json-editor
Angular-json-editor
The module doesn't include the original json-editor code, but it is included in it's bower dependencies. Install via bower · bower install angular-json-editor --save ·
🌐
GitHub
github.com › mariohmol › ang-jsoneditor
GitHub - mariohmol/ang-jsoneditor: Angular Jsoneditor that works with angular 4 to angular 15
Angular Json Editor (wrapper for jsoneditor).
Starred by 162 users
Forked by 101 users
Languages   TypeScript 91.3% | HTML 8.1% | TypeScript 91.3% | HTML 8.1%
🌐
GitHub
github.com › AjinkyaBijwe › Json-Editor
GitHub - AjinkyaBijwe/Json-Editor: Angular JSON Editor made using Angular 9, json-editor js and Angular Material v8
Angular JSON Editor made using Angular 9, json-editor js and Angular Material v8 - AjinkyaBijwe/Json-Editor
Starred by 7 users
Forked by 3 users
Languages   CSS 58.0% | TypeScript 34.6% | JavaScript 4.1% | HTML 3.3% | CSS 58.0% | TypeScript 34.6% | JavaScript 4.1% | HTML 3.3%
🌐
StackBlitz
stackblitz.com › edit › angular-json-editor
Angular Json Editor - StackBlitz
Starter project for Angular apps that exports to the Angular CLI
🌐
Krispo
krispo.github.io › json-tree
JSON Editor
JSON-treev0.1.5 · Editable AngularJS directive · {{ meta.title }} · {{ meta.caption }} · Please enable JavaScript to view the comments powered by Disqus · comments powered by Disqus · &copy 2014 Konstantin Skipor, MIT License · Tweet · Issues · Releases · zip · tar.gz
🌐
StackBlitz
stackblitz.com › edit › angular-txwrtv
JSON Viewer and Editor - StackBlitz
A angular-cli project based on rxjs, tslib, core-js, zone.js, @angular/core, @angular/forms, @angular/common, @angular/router, @angular/compiler, @angular/animations, @angular/platform-browser and @angular/platform-browser-dynamic.
Find elsewhere
🌐
GitHub
github.com › bastiendonjon › angular-jsoneditor
GitHub - bastiendonjon/angular-jsoneditor: Jsoneditor module for Angular
The editor can be used as a component in your own web application. The library can be loaded as CommonJS module, AMD module, or as a regular javascript file. Supported browsers: Chrome, Firefox, Safari, Opera, Internet Explorer 9+. ... Add ngJsonEditor to your app’s module dependencies. ... $scope.json = { "products": [{ "_id": 1, "label": "product1" }, { "_id": 2, "label": "product2" }] }; --optional-- $scope.jsoneditorOptions = { "name": 'Products' };
Starred by 6 users
Forked by 4 users
🌐
GitHub
github.com › josdejong › jsoneditor
GitHub - josdejong/jsoneditor: A web-based tool to view, edit, format, and validate JSON · GitHub
A web-based tool to view, edit, format, and validate JSON - josdejong/jsoneditor
Starred by 12.2K users
Forked by 2.1K users
Languages   JavaScript 87.7% | SCSS 6.7% | HTML 5.6%
🌐
npm
npmjs.com › package › angular-jsoneditor
angular-jsoneditor - npm
Angular wrapper for jsoneditor. Latest version: 0.0.2, last published: 9 years ago. Start using angular-jsoneditor in your project by running `npm i angular-jsoneditor`. There are 1 other projects in the npm registry using angular-jsoneditor.
      » npm install angular-jsoneditor
    
Published   Mar 24, 2017
Version   0.0.2
Author   Paul Biester
🌐
Stack Overflow
stackoverflow.com › questions › 76023438 › angular-json-editor
jsoneditor - Angular JSON Editor - Stack Overflow
I have requirement to implement a JSON Editor just like the JSON editor in the AWS cloud. The Editor Should able be able to validate any error's on, provide which line the error's all the features ...
🌐
GitHub
github.com › angular-tools › ng-jsoneditor
GitHub - angular-tools/ng-jsoneditor: Angular version of the insanely cool jsoneditor
Angular version of the insanely cool jsoneditor. Contribute to angular-tools/ng-jsoneditor development by creating an account on GitHub.
Starred by 83 users
Forked by 66 users
Languages   JavaScript 100.0% | JavaScript 100.0%
🌐
GitHub
github.com › mb21 › JSONedit
GitHub - mb21/JSONedit: User friendly, visual JSON editor built as an Angular 1 directive.
User friendly, visual JSON editor built as an Angular 1 directive. - mb21/JSONedit
Starred by 566 users
Forked by 157 users
Languages   JavaScript 72.8% | CSS 20.1% | HTML 7.1% | JavaScript 72.8% | CSS 20.1% | HTML 7.1%
🌐
GitHub
github.com › Brunoalcau › ng-JsonEditor
GitHub - Brunoalcau/ng-JsonEditor: JSON Edit Angular current version
JSON Edit Angular current version. Contribute to Brunoalcau/ng-JsonEditor development by creating an account on GitHub.
Author   Brunoalcau
🌐
StackBlitz
stackblitz.com › edit › ang-jsoneditor
Ang Jsoneditor - StackBlitz
Starter project for Angular apps that exports to the Angular CLI
🌐
npm
npmjs.com › package › ng2-json-editor
ng2-json-editor - npm
Angular2 component for editing large json documents. Here is a live example of ng2-json-editor: https://inveniosoftware-contrib.github.io/ng2-json-editor
      » npm install ng2-json-editor
    
Published   Sep 19, 2023
Version   0.25.52
Author   Harun Urhan
🌐
npm
npmjs.com › package › jsoneditor
jsoneditor - npm
JSON Editor is a web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor. The editor can be used as a component in your own web application.
      » npm install jsoneditor
    
Published   Oct 15, 2025
Version   10.4.2
Author   Jos de Jong
🌐
npm
npmjs.com › package › @maaxgr › ang-jsoneditor
@maaxgr/ang-jsoneditor - npm
This is a fork of mariohmol's ang-jsoneditor with support for Angular 11, 12, 13 and 14.
      » npm install @maaxgr/ang-jsoneditor
    
Published   Nov 25, 2022
Version   14.0.0
Author   Max Großmann