django富文本在后台上传,在前端显示流程
时间: 2023-12-04 19:02:36 浏览: 85
在 Django 中使用富文本编辑器可以通过以下步骤实现上传和前端显示:
1. 安装富文本编辑器,如 CKEditor 或 TinyMCE。
2. 在 models.py 中定义一个 TextField 字段来存储富文本内容。
3. 在后台 admin.py 中配置富文本字段的显示和上传,例如:
```python
from django.contrib import admin
from django.db import models
from ckeditor.widgets import CKEditorWidget
from .models import Post
class PostAdmin(admin.ModelAdmin):
formfield_overrides = {
models.TextField: {'widget': CKEditorWidget}
}
admin.site.register(Post, PostAdmin)
```
4. 在前端页面中使用富文本编辑器来显示内容,例如:
```html
{% extends 'base.html' %}
{% block content %}
<h1>{{ post.title }}</h1>
{{ post.content|safe }}
{% endblock %}
```
其中,`post.content` 是存储富文本内容的字段,`|safe` 运算符用于将富文本内容作为 HTML 标记渲染到页面上。
通过以上步骤,我们就可以实现在 Django 后台上传富文本内容,并在前端页面上正确地显示出来。
阅读全文