Django-Summernote не отображается как положено в модальном/скрытом div

У меня возникает множество проблем при попытке разместить django-summernote в модале или div (с display: none;), который переключается с помощью jquery. Внизу пример того, как я пытаюсь поместить его в модал.

Мой пример ниже html:

{% extends 'XYZ/index.html' %}
{% load static %}
{% load crispy_forms_tags %}


{% block content %}

    <button href="#certValModal" data-toggle="modal"
            type="submit" class="btn btn-success btn-circle btn-sm glow-button">
            <i class="fas fa-check"></i>
    </button>

    <!--CERT VAL MODAL-->
    <div id="certValModal" class="modal" data-easein="bounceUpIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">

            <h4 class="modal-title">Send for CERT validation?</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
          </div>
          <div class="modal-body">
                <form method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ form | safe }}
                </form>
          </div>
          <div class="modal-footer">
            <button class="btn btn-success" data-dismiss="modal" aria-hidden="true">Send</button>
          </div>
        </div>
      </div>
    </div>



{% endblock content %}

Вот мнения:

class TestView(LoginRequiredMixin, TemplateView):
    template_name = 'XYZ/TEST.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context['form'] = forms.ValidationNew()

        return context

Формы:

class ValidationNew(forms.ModelForm):
    content = SummernoteTextFormField()

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.helper = FormHelper()

        self.helper.form_method = 'post'
        self.helper.form_action = 'add_validation'

        self.helper.add_input(Submit('submit', 'Submit'))

    class Meta:
        model = XYZValidation
        fields = ['content']

Обратите внимание: я не устанавливал никаких пользовательских настроек в settings.py для django-summernote

Вот как выглядит summernote Сообщения об ошибках в консоли

Вот как выглядит index.html:

Вернуться на верх