Skip to main content
Join the official Python Developers Survey 2018 and win valuable prizes: Start the survey!

Django JSON Editor

Project description

Django-JSONEditor is an online structured JSON input widget for Django appropriate for various JSONField’s provided for Django.

Code of the javascript JSONEditor online editor has been got from the but slightly changed to avoid some issues.

See the latest versions of the javascript online JSON Editor here:

Sample views:

Don’t mismatch this repo with


Latest version from the GIT repository:

pip install "git+git://"

Stable version from the PyPi repository:

pip install django-jsoneditor

Note that you should use one of original JSONField packages to provide the JSONField itself.


You should append jsoneditor into the INSTALLED_APPS of your file:


You can use CDN repositories to get JSONEditor javascript code, or host it yourself, instead of the packaged one using the following two settings in your file:

JSON_EDITOR_JS = 'whatever-your-want.js'
JSON_EDITOR_CSS = 'whatever-your-want.css'

Just look to the and select the latest one, like:



You can use the JSONEditor widget for fields in selected Admin classes like

from json_field import JSONField
from jsoneditor.forms import JSONEditor
class MyAdmin(admin.ModelAdmin):
    formfield_overrides = {
        JSONField:{ 'widget':JSONEditor },

Or use the original JSONField implementation fixed by the package.

Right now there are three fixed implementations:

Use the fixed implementation instead of the original one.

from django.db import models

# from json_field import JSONField replaced by:
from jsoneditor.fields.django_json_field import JSONField
# Create your models here.

class TestModel(models.Model):
    my_field = JSONField()

You can access the underlying JSONEditor JS objects in your JavaScript via dictionary named jsonEditors. This dictionary’s keys are the IDs of the fields generated by this component in the form: "id"+[your form field name]+"_json_jsoneditor", e.g. id_template_parameters_json_jsoneditor. The values in the dictionary are the instances of the correspondent JSONEditor objects.

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, size & hash SHA256 hash help File type Python version Upload date
django_jsoneditor-0.0.13-py2.py3-none-any.whl (57.0 kB) Copy SHA256 hash SHA256 Wheel py2.py3 Oct 8, 2018
django-jsoneditor-0.0.13.tar.gz (3.7 kB) Copy SHA256 hash SHA256 Source None Oct 8, 2018

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page