Django博客开发教程:使用ckeditor富文本编辑器添加数据

合集 - Django博客开发教程(21)

1.1、Django博客开发教程:开发前的准备2023-08-072.2、Django博客开发教程:项目需求分析2023-08-073.Django博客开发教程:数据库设计分析2023-08-074.Django博客开发教程:创建项目2023-08-075.Django博客开发教程:基础配置2023-08-086.Django博客开发教程:欢迎页面2023-08-087.Django博客开发教程:创建数据库模型2023-08-088.Django博客开发教程:用Admin管理后台管理数据2023-08-089.Django博客开发教程:使用富文本编辑器添加数据2023-08-09

10.Django博客开发教程:使用ckeditor富文本编辑器添加数据2023-08-14

11.Django博客开发教程:URL与视图函数2023-08-0812.Django博客开发教程:体验django模板,2023-08-0813.Django博客开发教程:体验数据查询2023-08-0814.Django博客开发教程:一些常用的模板使用方法2023-08-0815.Django博客开发教程:实现模板之前的分析与准备2023-08-0916.Django博客开发教程:实现网站首页2023-08-0917.Django博客开发教程:实现文章列表2023-08-1618.Django博客开发教程:实现文章内容页2023-08-1619.Django博客开发教程:实现标签页面2023-08-1620.Django博客开发教程:实现搜索页面2023-08-1621.Django博客开发教程:单页面实现与代码优化2023-08-16

收起

前一篇没用，我测试了集成ueditor之后没法上传图片，ueditor百度早就停止维护了，于是我想到了改用ckeditor，结果一遍成功

富文本即具备丰富样式格式的文本。可以是包含了HTML语法格式的字符串。为了快速简单的让用户能够在页面中编辑带html格式的文本，引入富文本编辑器。

 

 

一、安装 pip install django-ckeditor

 

 

二、添加应用，在setting.py中 在INSTALLED_APPS中添加

 

 

三、在setting.py中 添加下面代码 ，默认会添加富文本编辑器大部分的功能插件

 

 

四、主路由中 添加ckeditor路由

 

 

path(r'^ckeditor/', include('ckeditor_uploader.urls')),

 

 

五、在 models.py中 为模型类添加字段

 

 

ckeditor.fields.RichTextField 不支持上传文件的富文本字段

 

 

ckeditor_uploader.fields.RichTextUploadingField 支持上传文件的富文本字段

 

 

修改应用/models.py里面的字段信息,记得要重新数据迁移

 

 

content = models.TextField('内容') 修改为

 

 

content = RichTextUploadingField('内容')

 

记得from ckeditor_uploader.fields import RichTextUploadingField

 

 

到此 Django集成富文本编辑器ckeditor 结束。