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
Repository https://github.com/mariohmol/ang-jsoneditor
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
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%
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 ... More on stackoverflow.com
Show HN: Simple visual JSON editor as an AngularJS directive
One of the main founding concepts being JSON was to make a human-readable data representation. It may just be because I work with it on a daily basis, but I find that it's one of the best data formats for fast and simple readability. I find myself spending more time figuring out what's going ... More on news.ycombinator.com
4
15
September 14, 2013Best Angular JSON editor?
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 More on reddit.com
11
3
September 6, 2024How to create WYSIWYG Editor using Angular JS
You need html 5 for this and contenteditor attribute. There are numerous editors already out there in angularjs.. Pasting will kind of work with minimal effort until you get to the clipboard, but its fairly easy. More on reddit.com
4
6
November 10, 2014Could 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
StackBlitz
stackblitz.com › edit › ang-jsoneditor
Ang Jsoneditor - StackBlitz
Starter project for Angular apps that exports to the Angular CLI
Angular
angular.dev
Home • Angular
The web development framework for building modern apps.
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%
UNPKG
app.unpkg.com › ang-jsoneditor@1.5.7 › files › jsoneditor › jsoneditor.component.ts
UNPKG
Angular Json Editor (wrapper for jsoneditor).
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
npm
npmjs.com › package › @json-editor › json-editor
@json-editor/json-editor - npm
February 7, 2026 - JSON Schema based editor. Latest version: 2.16.0, last published: a month ago. Start using @json-editor/json-editor in your project by running `npm i @json-editor/json-editor`. There are 29 other projects in the npm registry using @json-editor/json-editor.
» npm install @json-editor/json-editor
Published Feb 07, 2026
Version 2.16.0
Author Jeremy Dorn
Repository https://github.com/json-editor/json-editor
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.
GitHub
github.com › Brunoalcau › ng-JsonEditor
GitHub - Brunoalcau/ng-JsonEditor: JSON Edit Angular current version
Angular Json Editor (wrapper for jsoneditor).
Author Brunoalcau
JsonFormatter
jsonformatter.org › json-editor
Best JSON Editor Online
Secure JSON Editor is online JSON editor tool to Edit, Validate and Format JSON data. Support JSON File, URL.
jsDelivr
jsdelivr.com › package › npm › angular-json-editor
angular-json-editor CDN by jsDelivr - A CDN for npm and GitHub
January 10, 2017 - A free, fast, and reliable CDN for angular-json-editor. JSON Editor Angular directive =============================
Published Jan 10, 2017
PrimeNG
primeng.org › editor
Angular Editor Component
We cannot provide a description for this page right now
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 and 5,818 GitHub stars vs. jsoneditor 10.4.1 ...
GitHub
github.com › inveniosoftware-contrib › ng2-json-editor
GitHub - inveniosoftware-contrib/ng2-json-editor: Angular 2 component for JSON editing · GitHub
Angular2 component for editing large json documents. Here is a live example of ng2-json-editor: https://inveniosoftware-contrib.github.io/ng2-json-editor
Starred by 26 users
Forked by 27 users
Languages TypeScript 86.3% | HTML 7.7% | SCSS 3.8% | JavaScript 1.2%
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 › json-editor › json-editor
GitHub - json-editor/json-editor: JSON Schema Based Editor · GitHub
If true, NON required properties will have an extra toggable checkbox near the title that determines if the value must be included or not in the editor´s value ... If true, displays a dialog box with a confirmation message before node deletion. ... The default value of `format` for objects. If set to table for example, objects will use table layout if `format` is not specified. ... Max depth of the nested properties to be rendered of provided json schema.
Starred by 4.9K users
Forked by 703 users
Languages JavaScript 61.9% | HTML 36.2% | CSS 1.9%
Hacker News
news.ycombinator.com › item
Show HN: Simple visual JSON editor as an AngularJS directive | Hacker News
September 14, 2013 - One of the main founding concepts being JSON was to make a human-readable data representation. It may just be because I work with it on a daily basis, but I find that it's one of the best data formats for fast and simple readability. I find myself spending more time figuring out what's going ...
JSON Crack
jsoncrack.com
JSON Crack | Online JSON Viewer - Transform your data into interactive graphs
JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.