<div id="div_id_message" class="mb-3">
<label for="id_message" class="block text-gray-700 text-sm font-bold mb-2">
Message<span class="asteriskField">*</span>
</label>
<div data-controller="quill-editor"
class="richtextwidget " required id="id_message"
>
<div id="id_message" data-quill-editor-target="editor"></div>
<input id="input-id_message" name="message"
data-quill-editor-target="input" type="hidden" >
<div data-quill-editor-target="message"></div>
</div>
</div>
def richtext_editor(self, **kwargs):
class TestForm(forms.Form):
# We can pass extra attributes to enable some features
# from django.urls import reverse
#
# message = forms.CharField(
# widget=RichTextWidget(attrs={
# 'data-quill-editor-upload-url-value': reverse('api-core:upload_image'),
# 'data-quill-editor-mention-url-value': reverse('api-core:mention_query'),
# }),
# )
message = forms.CharField(
widget=RichTextWidget(),
)
form = TestForm()
template = Template(
"""
{% load crispy_forms_filters %}
{{ form.message|as_crispy_field }}
""",
)
return template.render(Context({"form": form}))