Как разработать front-end страницу блога с помощью tailwind, которая отображает данные формы ckeditor django, содержащей изображения, фрагменты кода и текст

{{blog_obj.content|safe}}

// это отрисованная часть блога, которая содержит основное содержимое блога. Но изображение иногда имеет большую ширину, что деструктурирует всю страницу. Есть ли способ исправить это?

Вы можете установить конфигурацию ckeditor allowedContent и removeFormatAttributes. это позволит вам добавить пользовательский css класс в ckeditor

<script>
    CKEDITOR.replace('editor1');
    CKEDITOR.config.allowedContent = true;
    CKEDITOR.config.removeFormatAttributes = '';
</script>

Как добавить класс к изображению, вот шаги

Шаг - 1

нажмите на эту кнопку

Шаг - 2

добавьте любой класс, который вы хотите добавить, чтобы сделать изображение отзывчивым

и когда вы отправите свой пост, он будет отражать конкретный tailwind css класс в вашем посте
. Примечание: когда вы добавляете класс в ckeditor, он не будет влиять на inckeditor, потому что ckeditor не знает о tailwind css, но когда вы сохраните его и отобразите на странице, он будет отображаться так, как должен.
Если пост добавлен вами, вы можете использовать этот метод, но если он используется пользователями, есть некоторые лучшие практики безопасности

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