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

已于 2022-11-19 10:19:56 修改
阅读量1.6k 收藏
点赞数
分类专栏： 基于python3.10的Django4.1项目建设 文章标签： django python 后端
于 2022-11-10 20:14:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40686234/article/details/127790595
版权
本文详细记录了在Django4中配置django-ckeditor富文本编辑器，尤其是如何实现普通用户也能上传图片的功能。经过多次尝试，作者找到了有效的方法，包括修改CKEditor源码、配置settings.py、处理models、前端引用及数据库迁移。关键步骤包括在image.js中调整隐藏配置，以及清除浏览器缓存以显示上传选项。

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

这里必须要发帖记录下，为了前端增加图像上传选项，折腾了三天，一点不夸张啊，用遍了论坛里所有的方法几乎都没有效果，如果你也是为了增加上传选项找不到方向，那么一定要仔细看完这个帖子，我相信一定会帮助到你！

进入官网CKEditor 4 - Download Latest Version

django-ckeditor默认的只允许管理员（staff member）上传图片，当普通用户使用编辑器时（比如评论区、留言板、发帖子），如果要使他们上传图片的话，需要对django-ckeditor的源码进行修重新配置下.

1.安装 django-ckeditor

pip install django-ckeditor

2.安装依赖 pillow

咱们

了解本专栏 订阅专栏 解锁全文 超级会员免费看
在Django前台使用ckeditor富文本编辑器
weixin_44304678的博客
12-14 2708
1.首先安装CKEditor富文本编辑器 pip install django-ckeditor pip install pillow 第二行命令安装图形处理模块 2.在settings.py里面注册富文本编辑器 INSTALLED_APPS = [ # 三方应用程序 "ckeditor", "ckeditor_uploader", ] 3.配置富文本编辑器 在settings.py里面加入下面代码 MEDIA_URL = "/media/" CKEDITOR_UPLOAD_PA
ckeditor富文本编辑器(Django 3.2)
10-08 824
安装ckeditor pip install django-ckeditor 如图： 安装pillow pillow是python的一个图像处理库 pip install pillow 如图： 在项目seetings.py中配置ckeditor INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'dj..
django-ckeditor-5 的安装和配置教程
最新发布
gitblog_00783的博客
04-28 380
django-ckeditor-5 的安装和配置教程 django-ckeditor-5 Django CKEditor 5 integration. 项目地址: https://gitcode.com/gh_mirrors/dj...
如何在django项目中使用django-ckeditor
weixin_30266829的博客
06-25 218
1、安装 　　pip install django-ckeditor 2、安装Pillow 　　Pillow是python的一个图像处理库，django-ckeditor需要依赖该库。最简单的安装方法，当然是使用pip，假设你装过pip，可以直接运行以下命令安装： 　　pip install pillow 3、配置Django 　　1、在settings.py文件中，将ckeditor...
Django中富文本编辑器功能
kalath_aiur的博客
03-02 328
使用Django做项目时，有时会有使用到富文本编辑器的需求。例如论坛发帖及回帖；发表博客，回复博客等。 安装django-tinymce库 pip install django-tinymce settings.py添加配置 INSTALLED_APPS = [ ..., # 添加应用 'tinymce', ] # 富文本剪辑器配置 TINYMCE_DEFAULT_CONFIG =...
富文本编辑器Django-ckeditor
weixin_33726313的博客
03-22 181
富文本编辑器Django-ckeditor 前言 刚开始学习django的时候，在后台编辑数据的时候，总是在想，功能是否太简陋了点，只能做简单的文本编辑，所以在这里记录一个富文本编辑器Django-ckeditor。 选择标准： 具有基本的富文本编辑功能 可以上传图片 可以查看源码 有持续更新（维护） 　　 使用 1.安装jango-ckeditor ...
Django27——使用django-ckeditor富文本编辑器
Blog of Lytracy
05-25 825
文章目录1、安装django-ckeditor2、在在settings.py中注册app3、修改模型4、迁移数据5、将模型注册到后台6、登录后台，进行验证7、配置富文本编辑器8、富文本在前台显示 使用富文本编辑器在后台对博文、景点信息等进行操作。 1、安装django-ckeditor pip install django-ckeditor 2、在在settings.py中注册app INSTALLED_APPS = [ ... 'ckeditor', ... ] 3、修改模型
Django配置CKEditor富文本编辑器
遨游浩宇的博客
02-19 862
在使用Django配置富文本编辑器的时候，发现很多的教程又不全面的地方，因此在这里总结一下，方便大家参考，如果发现有问题的地方，欢迎大家指出！
Django搭建个人博客：使用django-ckeditor富文本编辑器
weixin_43217710的博客
03-21 1182
前面我们已经实现了用Markdown语法写文章了。但是文章的评论用Markdown就不太合适了，你不能强求用户也花时间去熟悉语法啊。另外评论中通常还有表情、带颜色的字体等功能，这些也是Markdown不具备的。 因此富文本编辑器Django-ckeditor就派上用场了。 在后台使用Ckeditor 在虚拟环境中安装django-ckeditor： (env) > pip install d...
django轻松使用富文本编辑器CKEditor的方法
09-21
本文将详细介绍如何在Django框架中集成并使用流行的富文本编辑器CKEditor。 首先，Django是一个功能强大的Python Web框架，它为开发者提供了构建高效且易于维护的Web应用的能力。然而，Django本身并不内置富文本...
django 引入jquery 3.5.1_Django搭建个人博客：使用django-ckeditor富文本编辑器
weixin_29710393的博客
02-04 354
前面我们已经实现了用Markdown语法写文章了。但是文章的评论用Markdown就不太合适了，你不能强求用户也花时间去熟悉语法啊。另外评论中通常还有表情、带颜色的字体等功能，这些也是Markdown不具备的。因此富文本编辑器Django-ckeditor就派上用场了。在后台使用Ckeditor在虚拟环境中安装django-ckeditor：(env) > pip install djang...
django使用ckeditor实现富文本编辑
chilly
09-28 524
1、进入到虚拟环境中，安装django-ckeditor 命令是      pip install django-ckeditor         2、在installed_apps中 将ckedit富文本编辑作为一个应用添加进安装应用队列中，注册应用             3、配置model,           导入RichTextField,...
Django项目之CKEditor富文本编辑器的使用
qq_43520820的博客
06-25 221
Django项目之CKEditor富文本编辑器的使用 1.安装 $ pip install django-ckeditor 2.注册应用 NSTALLED_APPS = [ ...... 'ckeditor', # 富⽂本编辑器 'ckeditor_uploader', # 富⽂本编辑器上传图⽚模块 ...... ] 3.配置 setting.py # 富⽂本编辑器ckeditor配置 CKEDITOR_CONFIGS = { 'default': { 'toolbar': 'full'
Django 富文本ckeditor 在模板中的实现
weixin_30289831的博客
09-17 224
<script type="text/javascript" src="{% static "ckeditor/ckeditor/ckeditor.js" %}"></script> <textarea class="form-control" id = 'textarea' name = "action" rows="4" cols="24"...
Django项目富文本使用
jiabaoyu0001的博客
07-18 248
1.安装富文本编辑器 pip install django-ckeditor 2.Settings.py文件配置： A. B. 3. 配置主目录下 urls.py 4.Models.py 配置 注：前端渲染出的数据有问题时可以加safe 如：{{ article.content|safe }} ...
185.基于Django的富文本编辑器安装与使用
m0_63953077的博客
12-11 1290
基于Django的富文本编辑器安装与使用
django-ckeditor的使用（简单）
qq_16853655的博客
01-09 397
在django中，引入django-ckeditor，可以实现后台文章编写的多功能呈现，以及实时预览，在前端相应页面的变量位置，加入|safe即可呈现出丰富的样式： 以下为非常好的两个教程： 1.知乎版：亮点是提供后台工具栏显示的模板。 2.个人博客教程版：全程使用，可以把教程中的评论部分，换成自己的文章主体内容即可，效果一样。 ...
Django中添加 Ckeditor 富文本编辑
weixin_40686234的博客
09-24 375
Django中添加 Ckeditor 富文本编辑
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_40686234

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值