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


Posted in Python onDecember 17, 2019

效果图:

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

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(verbose_name="活动描述")

3.settings中配置

CKEDITOR_CONFIGS = {
  'default': {
    'toolbar': 'full', #工具栏全部功能
    'height': 300, # 高度
    'width': 730, # 宽度
  },
}
CKEDITOR_UPLOAD_PATH = 'ckeditor/' #上传文件的目录
CKEDITOR_IMAGE_BACKEND = 'pillow'  #pillow做为backend

4.form表单配置

这里只需要使用modelForm,不需要配置

from django import forms

from learntime.activity.models import Activity

class ActivityForm(forms.ModelForm):
  class Meta:
    fields = "__all__" #引入全部字段
    model = Activity

5.urls配置

以下是admin中配置的urls,如果在自己的项目中就不能这样写

urlpatterns = [
  ...
  path('ckeditor/', include('ckeditor_uploader.ckeditor_urls')),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

网上其他教程都是在admin中配置ckeditor,如果按照如上代码可能会发现图片上传失败,点进源码可以看到,图片上传的成功条件为:django的用户表is_staff为True,自己的项目中可能并没有这样设定。

urls源码如下:

from __future__ import absolute_import

from django.conf.urls import url
from django.contrib.admin.views.decorators import staff_member_required
from django.views.decorators.cache import never_cache

from . import views

urlpatterns = [
  url(r'^upload/', staff_member_required(views.upload), name='ckeditor_upload'),
  url(r'^browse/', never_cache(staff_member_required(views.browse)), name='ckeditor_browse'),
]

staff_member_required为装饰器,我们可以把它替换为login_required,即必须登录之后才能上传图片。

修改后的代码如下:

xxx.utils.ckeditor_urls.py

from __future__ import absolute_import

from django.conf.urls import url
from django.contrib.auth.decorators import login_required
from django.views.decorators.cache import never_cache

from ckeditor_uploader import views

urlpatterns = [
  url(r'^upload/', login_required(views.upload), name='ckeditor_upload'),
  url(r'^browse/', never_cache(login_required(views.browse)), name='ckeditor_browse'),
]

urls.py

path('ckeditor/', include('xxx.utils.ckeditor_urls')),

按照如上配置就能完美上传图片和文件了。

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

以上这篇Django项目使用ckeditor详解(不使用admin)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python socket 超时设置 errno 10054
Jul 01 Python
详解Django中的form库的使用
Jul 18 Python
python利用装饰器进行运算的实例分析
Aug 04 Python
python构建深度神经网络(续)
Mar 10 Python
VSCode下好用的Python插件及配置
Apr 06 Python
redis之django-redis的简单缓存使用
Jun 07 Python
Python爬取数据并写入MySQL数据库的实例
Jun 21 Python
python 解压pkl文件的方法
Oct 25 Python
python paramiko利用sftp上传目录到远程的实例
Jan 03 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
Mar 05 Python
深入了解Django View(视图系统)
Jul 23 Python
Python统计时间内的并发数代码实例
Dec 28 Python
python主线程与子线程的结束顺序实例解析
Dec 17 #Python
Django通用类视图实现忘记密码重置密码功能示例
Dec 17 #Python
Django集成celery发送异步邮件实例
Dec 17 #Python
python学生信息管理系统实现代码
Dec 17 #Python
pymysql模块的操作实例
Dec 17 #Python
Django异步任务线程池实现原理
Dec 17 #Python
python 求10个数的平均数实例
Dec 16 #Python
You might like
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
javascript操作文本框readOnly
2007/05/15 Javascript
CSS JavaScript 实现菜单功能 改进版
2008/12/09 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
2013/04/12 Javascript
jQuery探测位置的提示弹窗(toolTip box)详细解析
2013/11/14 Javascript
用console.table()调试javascript
2014/09/04 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
JS一次前端面试经历记录
2020/03/19 Javascript
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
Python对象体系深入分析
2014/10/28 Python
Python之py2exe打包工具详解
2017/06/14 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python3 chardet模块查看编码格式的例子
2019/08/14 Python
巴西男士胡须和头发护理产品商店:Beard
2017/11/13 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
优秀研究生自我鉴定
2013/12/04 职场文书
国际金融专业自荐信
2014/07/05 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
党员个人党性分析材料
2014/12/18 职场文书
给病人的慰问信
2015/03/23 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript