Django笔记使用编辑器django-ckeditor

最新推荐文章于 2025-11-02 15:57:24 发布

原创

最新推荐文章于 2025-11-02 15:57:24 发布 · 8.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#django #编辑器 #ckeditor

本文介绍了如何在Django项目中集成并使用CKEditor编辑器，包括安装、配置基本设置、在model中添加编辑器字段以及前端展示编辑器的详细步骤，并提供了相关参考资料。

最近试了几下Django的编辑器，各有各的好处，在不使用markdown的情况下，发现ckeditor实现的比较简单，步骤如下。

基本设置

1.安装django-ckeditor

$ pip install django-ckeditor

2.在setting中，添加ckeditor ， ckeditor_uploader 到INSTALLED_APPS

3.在setting中，添加

CKEDITOR_UPLOAD_PATH = "uploads/"
CKEDITOR_IMAGE_BACKEND = "pillow"
CKEDITOR_JQUERY_URL = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SVALBARDKSY

关注关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Django4——配置使用django-ckeditor富文本编辑器超详细图文教程

weixin_40686234的博客

11-10

1717

Django4——配置使用django-ckeditor富文本编辑器 django-ckeditor 6.5.1版本

(个人笔记)Django学习笔记整理

兜率宫

12-22

1364

‘@’ 为遗漏点或者难点 ‘#’ 为重点标记 '若有打眼,欢迎自取,错误之处,还请指教 DAY 11.24 @ url统一资源定位符限定有2到4kb 因为浏览器地址栏里只能输入这么多东西 1，MVT 2，观看中文文档 3，学习重点视图模型 4，i课件回顾。 5，新建项目，在pycharm里新建项目选择django框架...

2 条评论您还未登录，请先登录后发表或查看评论

django-ckeditor富文本编辑器

liulunan_lln的博客

07-16

927

5.启动Django项目并且进入刚在所改模型的字段页面中，可以看到有富文本编辑器生成。5.配置model(把字段改成RichTextUploadingField)4.在项目中manage.py文件下重新执行迁移，生成迁移文件。3.配置setting。

django-ckeditor

06-23

ckeditor为免费的开源的富文本编辑器，此资源为django下的，可在github上找到。

在Django中安装、配置、使用CKEditor5，并将CKEditor5录入的文章展现出来，实现一个简单博客网站的功能

最新发布

2509_93957103的博客

11-02

513

通过地址/myapp/Ckeditor即可访问CKEditor编辑页面，可以直接把word排版好的内容拷贝过来，格式和照片等都可以按word的排版正常显示。5. 为了使用方便，需要设置字体大小，根据word的使用习惯，按字号来设置字体，修改extends配置，增加fontSize设置。其中定义了三种配置，分别为“default”，“extends”和“list”，下面主要使用“extends”。4. 为了使用中文字体，需要修改extends配置，增加fontFamily设置，将中文字体放在英文字体的前面。

Django中ckeditor的使用(包含admin和非admin)支持图片上传

max_LLL的博客

01-17

1608

同步更新于个人博客系统：Django中ckeditor的使用同步更新于个人博客系统：Django中ckeditor的使用同步更新于个人博客系统：Django中ckeditor的使用 CKEditor即大名鼎鼎的FCKeditor（文本编辑器），它终于在最近发布新版本了，与增加版本号不同，这次完全把它改名了，更名为CKeditor。这应该是和它的开发公司CKSource(波兰华沙的公司)的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK更改为CK，

在django项目中使用django-ckeditor

一念永恒

10-24

1131

安装django-ckeditor pip install django-ckeditor 安装Pillow Pillow是python的一个图像处理库，django-ckeditor需要依赖该库。最简单的安装方法，当然是使用pip，假设你装过pip，可以直接运行以下命令安装： pip install pillow 配置你的django 1、在你的settings.py文件中，将cke...

基于Django框架的云笔记系统开发实践

基于Django的博客系统开发：从入门到实战

此外，【11--Django笔记--博客后台富文本编辑.md】明确指出项目集成了CKEditor富文本编辑器，这表明后台管理界面不仅支持纯文本输入，还允许用户直接进行图文混排、字体样式设置、插入链接/图片等操作，极大增强了...

django返回富文本显示在页面

weixin_45228198的博客

11-28

1440

前端富文本显示带标签问题问题js代码问题 django返回的富文本，显示在页面，标签会显示出来，如图： {{ note.content }} django渲染为字符串只需由浏览器执行js，二次处理一下即可。 js代码 <script> // 页面加载完成执行 $(function(){ $(".content").each((i,o) => { // 遍历出来的原生j

使用django富文本编辑器ckeditor

smartwu_sir的博客

04-24

2267

django富文本编辑器 1. djang-ckeditor pip install django-ckeditor # 在installed_apps 里面配置'ckeditor',修改LANGUEAGE_CODE = 'zh-hans' 注意：小写 pip install Pillow # 在 installed_apps 里面配置'ckeditor_uploader' # 继续配...

Django项目使用ckeditor详解(不使用admin)

12-23

效果图： 1.安装django-ckeditor pip install django-ckeditor 如果需要上传图片或者文件，还需要安装pillow pip install pillow 2.配置模型字段如果编辑器需要上传图片或者文件，需要引入RichTextUploadingField，否则只需要引入RichTextField from ckeditor_uploader.fields import RichTextUploadingField class Activity(models.Model): desc = RichTextUploadingField(verb

django-ckeditor:Django管理员CKEditor集成

05-02

Django CKEditor 注意：django-ckeditor 5对4.5.1的代码向后不兼容。文件上传支持已移至ckeditor_uploader。这些网址位于ckeditor_uploader.urls中，而对于文件上传小部件，您必须使用RichTextUploadingField而不是RichTextField。 Django管理员CKEditor集成。提供RichTextField ， RichTextUploadingField ， CKEditorWidget和CKEditorUploadingWidget与图像上传使用CKEditor的，其中包括浏览支持。此版本还包括：对django-storages的支持（与S3一起使用）已将ckeditor更新到版本4.14.1 包括所有ckeditor语言和插件文件，使每个人都开心！（）内容限

Django CKEditor - 一个强大的Django富文本编辑器

gitblog_00009的博客

03-09

928

是一个基于Django框架的富文本编辑器插件，提供了一种简单易用的方式将CKEditor集成到您的Django应用中。通过使用此项目，您可以为用户提供一种方便、直观的方式来创建和编辑带有文本样式、图片、表格等丰富元素的内容。 ## 项目功能与用途 1. **富文本编辑**：Django CKEditor使用了流行的[CKEditor 5](https://ckeditor.com/ckedit...

Django CKEditor 使用教程

gitblog_00867的博客

08-13

770

Django CKEditor 是一个用于集成CKEditor到Django管理后台的开源库。它提供了一个`RichTextField`、`RichTextUploadingField`字段以及相应的CKEditor小部件，支持图片上传和浏览功能。该版本还包含了对`django-storages`(如S3存储)的支持，更新至CKEditor 4.18.0版本，并包含了所有CKEditor语言和插件...

django-ckeditor 使用

babala2005的专栏

08-28

206

安装pip install django-ckeditor 注册应用 ‘ckeditor’ INSTALLED_APPS = [ ... 'ckeditor', ] 配置model的字段：替换原来的TextField字段为RichTextFiled from ckeditor.fields import RichTextField class News(BaseModel): """ 文章模型 """ content...

django-ckeditor-5：为Django应用集成强大富文本编辑功能

gitblog_00334的博客

03-30

485

django-ckeditor-5：为Django应用集成强大富文本编辑功能项目介绍 django-ckeditor-5 是一个开源项目，旨在为基于 Django 框架的应用程序提供 CKEditor 5 的集成方案。CKEditor 5 是一个功能强大的富文本编辑器，它支持丰富的文本格式和媒体内容嵌入，广泛用于内容管理系统、博客平台和在线文档编辑等场景。通过 django-ckeditor-5...

Django使用CKeditor5.9详细方法（不在django自带的后台应用）

python 熊猫

04-14

1344

1、创建Django项目如果是Django2版本修改如下代码：按照下面两个方法进行解决(Django2版本需要按照A、B方法改，Django3版本只需要修改A方法) A:找到控制台的base.py文件或找到以下目录： /venv/lib/site-packages/django/db/backends/mysql/base.py 把一下代码进行注释...