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.
Answer from Rodik on Stack Overflow Top answer 1 of 3
5
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.
2 of 3
3
The best one (to my mind, but anyone is free to disagree my opinion) is formly
- formly site
- formly github
- formly documentation
PROS :
- complete (you can make beautiful and unique forms : templates are some kind like unlimited)
- well documented
- easy to implement
CONS :
- you have to design your own builder (it is not a problem to my mind)
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
Repository https://github.com/mariohmol/ang-jsoneditor
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 ·
Reddit
reddit.com › r/angular2 › best angular json editor?
r/Angular2 on Reddit: Best Angular JSON editor?
September 6, 2024 -
I'm looking for a JSON editor (view/edit) on my Angular project. And it seems like most of them are no longer maintained for higher Angular version (I'm using v17). Wondering if you guys could suggest me a few of what you're using. Thank you.
Top answer 1 of 3
9
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
2 of 3
2
Maybe you can try the CodeMirror v6 and there already an Angular wrapper component. https://github.com/acrodata/code-editor JSON editor demo: https://acrodata.github.io/gui/playground
StackBlitz
stackblitz.com › edit › angular-json-editor
Angular Json Editor - StackBlitz
Starter project for Angular apps that exports to the Angular CLI
GitHub
github.com › mariohmol › ang-jsoneditor
GitHub - mariohmol/ang-jsoneditor: Angular Jsoneditor that works with angular 4 to angular 15
Angular Jsoneditor that works with angular 4 to angular 15 - mariohmol/ang-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 › 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 › 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%
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
GitHub
github.com › angular-tools › ng-jsoneditor
GitHub - angular-tools/ng-jsoneditor: Angular version of the insanely cool jsoneditor
http://jsfiddle.net/angulartools/sd3at5ek/ myAppModule.controller('MyController', [ '$scope', function($scope) { $scope.obj = {data: json, options: { mode: 'tree' }}; $scope.btnClick = function() { $scope.obj.options.mode = 'code'; //should switch you to code view } }); Any changes to Jsoneditor or ng-model are reflected instantly. Instead of editor.get() now you can simply access your ng-model, or $scope.obj.data in this case, to get or set values.
Starred by 83 users
Forked by 66 users
Languages JavaScript 100.0% | JavaScript 100.0%
Stack Overflow
stackoverflow.com › questions › 76023438 › angular-json-editor
jsoneditor - Angular JSON Editor - Stack Overflow
The Editor Should able be able to validate any error's on, provide which line the error's all the features which is available on AWS JSON editor ... There is a npm package called jsoneditor which may be what you need.
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 · © 2014 Konstantin Skipor, MIT License · Tweet · Issues · Releases · zip · tar.gz
npm Trends
npmtrends.com › ang-jsoneditor-vs-angular-jsoneditor-vs-json-editor-vs-jsoneditor
ang-jsoneditor vs angular-jsoneditor vs json-editor vs jsoneditor | npm trends
Comparing trends for ang-jsoneditor 4.0.2 which has 32,966 weekly downloads and 160 GitHub stars vs. angular-jsoneditor 0.0.2 which has 853 weekly downloads and unknown number of GitHub stars vs. json-editor 0.7.28 which has 2,666 weekly downloads ...
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%
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
Repository https://github.com/isonet/angular-jsoneditor
Slashdot
slashdot.org › software › application development › json editors › angular
Top JSON Editors for Angular in 2025
WebStorm is JetBrains’ comprehensive IDE focused on JavaScript and TypeScript development, offering a rich set of features to streamline coding, debugging, and version control. It supports all modern web technologies and frameworks including HTML, CSS, React, Angular, Vue, Node.js, SQL, and MongoDB, providing a seamless development experience.
GitHub
github.com › Brunoalcau › ng-JsonEditor
GitHub - Brunoalcau/ng-JsonEditor: JSON Edit Angular current version
Angular Json Editor (wrapper for jsoneditor).
Author Brunoalcau
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.
Npm
npm.io › search › keyword:jsonEditor
JsonEditor | npm.io
A json-schema editor of high efficient and easy-to-use, base on Vue · jsonschemajsonschemavuejsonschemaeditorjsonjsoneditor0.1.8 • Published 3 years ago · angularjsoneditorang-jsoneditorng-jsoneditorangular2.0.1 • Published 8 years ago