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: