{% load static %}

<div id="jsoneditor_{{ widget.attrs.id }}"
     class="jsoneditorWidget"
     data-widget-id="{{ widget.attrs.id }}"
     style="width: 100%"></div>

{# taken from https://github.com/django/django/blob/main/django/forms/widgets.py #}
<textarea style="display: none"
          name="{{ widget.name }}"{% include "django/forms/widgets/attrs.html" %}>
{% if widget.value %}{{ widget.value }}{% endif %}</textarea>

{% with "schema_"|add:widget.attrs.id as schema_id %}
    {{ schema|json_script:schema_id }}
{% endwith %}

<script type="module" src="{% static 'js/jsoneditor_widget.mjs' %}"></script>