Skip to main content
Python Software Foundation 20th Year Anniversary Fundraiser  Donate today!

Django form widget form JSONField

Project description


Django form widget form JSONField


It look like this.

demo image


  • Install: pip install django-jsoneditor-widget
  • Settings:
        # some apps ....
        # other apps ...

Create model

from django.db import models
from django.contrib.postgres.fields import JSONField

class Book(models.Model):
    name = models.CharField(max_length=150)
    information = JSONField()

    def __str__(self):

Admin site settings

  • Use ModelAdmin

    from django.contrib import admin
    from jsoneditor.admin import JSONFieldModelAdmin
    from .models import Book
    , JSONFieldModelAdmin)
  • Use mixin

    from django.contrib import admin
    from jsoneditor.admin import JSONFieldAdminMixin
    from .models import Book
    class BookModelAdmin(JSONFieldAdminMixin, admin.ModelAdmin):
  • Use custom widget to specify jsoneditor options

    from django.contrib import admin
    from django.contrib.postgres.fields import JSONField
    from jsoneditor.forms import JSONEditor
    from .models import Book
    class TextJSONEditor(JSONEditor):
        jsoneditor_options = {
            "mode": "text"
    class BookModelAdmin(admin.ModelAdmin):
        formfield_overrides = {
            JSONField: {"widget": TextJSONEditor}

Project details

Download files

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

Files for django-jsoneditor-widget, version 1.3.2
Filename, size File type Python version Upload date Hashes
Filename, size django_jsoneditor_widget-1.3.2-py3-none-any.whl (577.1 kB) File type Wheel Python version py3 Upload date Hashes View
Filename, size django-jsoneditor-widget-1.3.2.tar.gz (2.3 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page