Как отобразить панель инструментов django-quill-editor?

В моем приложении мне нужно создавать, редактировать и отправлять html-письма. Я установил пакет django-quill-editor и успешно отобразил html-контент в редакторе quill - но только в админке. В моем приложении для кампании я могу отобразить html, но не панель инструментов для редактирования

Я использую Django 4.1.

В моем файле settings.py я добавил приложение 'django_quill'.

В campaign/models.py у меня есть QuillField под названием 'content':

class CampaignStep(models.Model):
    id = models.IntegerField(primary_key=True)
    campaign = models.ForeignKey(
        Campaign,
        on_delete=models.DO_NOTHING,
        blank=False,
        null=False,
        related_name='campaigns',)
    subject = models.CharField(max_length=64, blank=False, null=False)
    content = QuillField()

campaign/views.py:

class CampaignStepContentUpdateView(UpdateView):
    model = CampaignStep
    context_object_name = 'csd'
    fields = ['content']
    template_name = 'campaign/campaign_step_content_update.html'

campaign/forms.py

class ContentForm(ModelForm):
    class Meta:
        model = CampaignStep
        fields = ['content']

А вот шаблон:

{% extends "base.html" %}
<head>
  <!-- django-quill-editor Media -->
  {% include 'django_quill/media.html' %}
</head>
{% block content %}
    <!-- 'csd' abbreviates 'campaign step detail'. -->
    <h2>{{ csd.campaign }} - Step {{ csd }}</h2>
<body>
  <p></p>
  <h3>Content</h3>
  <div class="card">
    <div class="card-body">
    <form action="" method="POST">{% csrf_token %}
      {{ csd.content }}
    </form>
    </div>
  </div>
  <p></p>
    <button type="submit" class="btn btn-primary btn-block mt-1">Save Changes</button>
</body>
{% endblock content %}

На странице отображается только это:

<django_quill.fields.FieldQuill object at 0x104e134c0>

Как заставить появиться панель инструментов редактора пера?

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