Django中使用Ueditor实现富文本

最新推荐文章于 2024-04-18 10:12:18 发布

PY123456PY123456

最新推荐文章于 2024-04-18 10:12:18 发布

阅读量634

点赞数

分类专栏： django 文章标签： django python 后端

本文链接：https://blog.youkuaiyun.com/PY123456PY123456/article/details/125422069

版权

本文介绍了如何在Django项目中使用Ueditor作为富文本编辑器。包括Ueditor的安装步骤，如何在settings.py中注册和配置，以及在models.py中处理FileField的注意事项，解决后台显示和上传图片功能的配置，并提到了safe过滤器的使用方法和自定义富文本按钮的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. Ueditor安装

第一步，将DjangoUeditor3-2.0复制到项目中

第二步

# 切换到DjangoUeditor3-2.0这个目录下
cd DjangoUeditor3-2.0
# 使用pip setup.py install 安装
pip setup.py install

安装后，可以在External Libraries中的<python 3.7>下的site-packages下看到DjangoUeditor

2. Ueditor初始化配置

首先在settings.py中注册'DjangoUeditor'

Ueditor是继承于FileField这个方法的，因此在settings.py中还是要向上传图片那样配置media:

MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\','/')
MEDIA_URL = '/media/'
# 并且，要在settings.py中的TEMPLATES中的'OPTION'中'context_processors'添加如下代码：
'django.template.context_processors.media'

models.py:

from django.db import models
from DjangoUeditor.models import UEditorField
# Create your models here.
class News(models.Model):
    title = models.CharField(verbose_name='标题', max_length=20)
    content