django / django/new-features

Add JSON editor widget to Django Admin for JSON fields, inspired by @josdejong/jsoneditor

Open
#84 12 comments 22 reactions 0 assignees View on GitHub
Admin Documentation Frontend/JavaScript Third Party Package
Dominant language
No language data
Stars
188
Forks
7
PR merge metrics
No merged PRs in 30d

Description

### Code of Conduct

- [x] I agree to follow Django's Code of Conduct

### Feature Description

Add a JSON field editor to Django Admin similar to @josdejong/jsoneditor, allowing users to conveniently view and edit JSON data within the admin interface. inspired by [@josdejong/jsoneditor](https://github.com/josdejong/jsoneditor)

Now:
Image

After:

Image

### Problem

Currently, editing JSON fields in Django Admin is cumbersome and not user-friendly. Users must manually enter JSON as text, which is error-prone and hard to read or edit. A visual editor would improve usability and reduce errors.

### Request or proposal

request

### Additional Details

An integration with a library like https://github.com/josdejong/jsoneditor would provide a powerful, interactive JSON editor UI in Django Admin. This would make it much easier to work with JSON fields directly from the admin.

### Implementation Suggestions

Consider adding an optional widget for JSONField in Django Admin that embeds the jsoneditor component. This could be configurable, so users can enable it for specific models or fields. Look into frontend integration, possibly using a custom widget that loads the jsoneditor library.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.