TinyMCE: Пользовательское HTML-поле администратора Django некорректно отображается на HTML-странице

Я использую Django на backend и VueJS на frontend.
Я использую tinymce для создания пользовательского HTML поля.

description = CustomHTMLField('Description', blank=True, null=True)

Настройки для tinymce:

TINYMCE_DEFAULT_CONFIG = {
    'plugins': 'print preview textcolor importcss searchreplace autolink autosave save directionality visualblocks visualchars fullscreen image link media codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount textpattern noneditable help charmap emoticons',
    'toolbar': 'insert | undo redo |  formatselect | bold italic backcolor forecolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
    'cleanup_on_startup': True,
    'custom_undo_redo_levels': 10,
    'width': 'auto',
    'language': 'ru',
}
TINYMCE_FILEBROWSER = True

Код поля CustomHTMLField:

from contextlib import suppress

from tinymce import HTMLField


class CustomHTMLField(HTMLField):

    def pre_save(self, model_instance, add):
        if not add:
            return super(CustomHTMLField, self).pre_save(model_instance, self.attname)

        html_field: str = getattr(model_instance, self.attname, "")
        with suppress(AttributeError):
            return html_field.replace('../../../../', '../../../../../')

Мне нужно добавить некоторый текст со списком в это поле. На странице администратора Django у меня есть отступ: enter image description here

Но на фронтенде у меня нет отступа:
enter image description here
Как я могу решить эту проблему?

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