django - 博客文章不显示图像、粗体文本或其他属性,仅显示原始代码... Django/Ckeditor
问题描述
我遵循了一个关于在我的博客中实现 ckeditor RichTextUploadingField() 的教程,这样我就可以拥有更多功能和更好看的帖子/博客。
一切似乎都在工作,但是当我在添加图片和一些文字后去查看实际帖子时。我得到所有文本的原始输出......
这是我在博客上的输出
<p><span style="color:#1a1a1a"><span style="background-color:#ffffff">First of all, I have assumed that you have seen countless rubbish articles, and still can't understand classes and objects, but at least know that there are two things like classes and objects.</span></span></p>
<p><span style="color:#1a1a1a"><span style="background-color:#ffffff">Since you don't have programming experience, you can't understand Python's 'classes and objects' by analogy from the programming language you've learned. Let's use the example of life to build a house.</span></span></p>
<p> </p>
<p><span style="color:#1a1a1a"><span style="background-color:#ffffff"><img alt="" src="/media/upload/2019/11/08/01.png" style="height:268px; width:400px" /></span></span></p>
不知道为什么它看起来不像我在编辑和创建文章时发布文章之前得到的输出。
模型.PY
from ckeditor_uploader.fields import RichTextUploadingField
from django.contrib.auth.models import User
from django.db import models
from django.urls import reverse
from django.utils import timezone
class Post(models.Model):
title = models.CharField(max_length=100)
# content = models.TextField()
content = RichTextUploadingField()
date_posted = models.DateTimeField(default=timezone.now)
author = models.ForeignKey(User, on_delete=models.CASCADE)
def __str__(self):
return f'{self.title} --> {self.author}'
def get_absolute_url(self):
return reverse('post-detail', kwargs={'pk': self.pk})
POST_DETAIL.HTML
{% extends "portfolio_app/base.html" %}
{% block content %}
<div class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-12">
<article class="media content-section">
<img class="rounded-circle article-img" src="{{ object.author.profile.image.url }}">
<div class="media-body">
<div class="article-metadata">
<a class="mr-2" href="{% url 'user-posts' object.author.username %}">{{ object.author }}</a>
<small class="text-muted">{{ object.date_posted|date:'F d, Y' }}</small>
{% if object.author == user %}
<div>
<a class="btn btn-secondary btn-sm mt-1 mb-1" href="{% url 'post-update' object.id %}">Update Post</a>
<a class="btn btn-danger btn-sm mt-1 mb-1" href="{% url 'post-delete' object.id %}">Delete Post</a>
</div>
{% endif %}
</div>
<h2 class="article-title">{{ object.title }}</h2>
<p class="article-content">{{ object.content }}</p>
</div>
</article>
</div>
</div>
</div>
</div>
{% endblock content %}
POST_FORM.HTML
{% extends "portfolio_app/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
<div class="container col-md-6">
<div class="content-section">
<div class="content-section">
<form method="POST">
{% csrf_token %}
<fieldset class="form-group">
<legend class="border-bottom md-4">Blog Post</legend>
{{ form.media }}
{{ form|crispy }}
</fieldset>
<div class="form-group">
<button class="btn btn-outline-info" type="submit">Post!</button>
</div>
</form>
</div>
</div>
</div>
{% endblock content %}
我错过了什么..?再次感谢你的帮助。
解决方案
使用 |安全过滤器。
<h2 class="article-title">{{ object.title|safe }}</h2>
<p class="article-content">{{ object.content|safe }}</p>
推荐阅读
- sql - Postgresql:如何对列中字符的ASCII码求和?
- android - 在 WebView 中,我如何知道 JS 是否正在使用事件,是否有任何回调方法或任何 eles?
- python - 如何在没有日期解析的情况下运行 pd.read_sql?
- html - 从 R 中的 TMX.com 抓取嵌套表
- android - BottomSheetDialogFragment 总是得到无法膨胀的行为错误
- git - 简化 git flow 工作流程
- c# - 如何在没有实际服务器的情况下获取回调 url 值
- sql - 根据 emp_name、manager_id 和 emp_id 更新 manager_name
- r - 根据 SNP 位置和基因开始/结束坐标从另一个数据框中分配基因名称
- c# - 如何将 ZXingBarcodeImageView 转换为 PDFImage?