django集成富文本编辑器

1.安装 django-ckeditor

  pip install django-ckeditor

注意：我的django版本是4.1.2，下载的django-ckeditor是6.0。

   即使我的ckeditor版本这么高，依然有许多不适配。

   我是通过改动一部分源码，才得以成功使用。

如若需要，可以直接下载，我更改后的包

链接：https://pan.baidu.com/s/10cpqGAFHF3Bo4CbgZQ1qSQ?pwd=33ss 
提取码：33ss

2.注册应用

# 注册应用
INSTALLED_APPS = [
    
    'ckeditor',  # 富⽂本编辑器
    'ckeditor_uploader',  # 富⽂本编辑器上传图⽚模块

]

 

3.加载配置

# 富⽂本编辑器ckeditor配置
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'full',  # ⼯具条功能
        'height': 300,  # 编辑器⾼度
        # 'width': 300, # 编辑器宽
    },
}
CKEDITOR_UPLOAD_PATH = ''  # 上传图⽚保存路径，因为我使⽤了FastDFS，并且更改了默认存储路径，所以此处设为''

 

4.添加总路由

 # 富⽂本编辑器
    re_path(r'^ckeditor/', include('ckeditor_uploader.urls')), # 固定格式

 

5. 在模型中补充富文本字段

class Good(models.Model):
    desc_detail = RichTextUploadingField(default='', verbose_name='详细介绍')
    desc_pack = RichTextField(default='', verbose_name='包装信息')  # 它没有上传图片的功能
    desc_service = RichTextUploadingField(default='', verbose_name='售后服务')

 

到此，我们的配置就完成了。