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 у меня есть отступ:
Но на фронтенде у меня нет отступа:
Как я могу решить эту проблему?