Я использую ckeditor в качестве текстового редактора в приложении Django вместе с Bootstrap. Проблема в том, что дизайн начальной загрузки до безопасного фильтра {{td.snippet1}} работает нормально, но при добавлении фильтра {{td.snippet1 | safe}}, дизайн затронут ужасно и плохо, я не знаю, почему у
three есть только 3 статьи ----- вот так: three = article.objects.order_by ('- id') [: 3]
и класс col это col-lg-4
[посмотреть изображение после добавления безопасного фильтра] [1]
<div class="row" >
{% for td in three %}
<div class="col-lg-4 shadow-lg p-3 mb-5 bg-white rounded col-md-6">
<figure class="figure">
<a class="" href="article/{{td.id}}" style="color: #32234b;"> <img src="{{td.image.url}}" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure."></a>
</figure>
<a class="" href="article/{{td.id}}" style="color: #32234b;"> <p class="h6 pr1 font-weight-bold">{{td.title}}</p></a>
<p class="h6 pr2" >{{td.snippet1|safe }}</p>
<p class="h6 pr2 text-info" style="margin-top: 2em;">{{ td.article_author }}</p>
<p class="h6 pr2 text-info">{{ td.posted_on}}</p>
</div>
{% endfor %}
<!-- end column -->
</div>
<!-- end row -->