Django项目使用ckeditor详解(不使用admin)
效果图：
1.安装django-ckeditor
pipinstalldjango-ckeditor
如果需要上传图片或者文件，还需要安装pillow
pipinstallpillow
2.配置模型字段
如果编辑器需要上传图片或者文件，需要引入RichTextUploadingField，否则只需要引入RichTextField
fromckeditor_uploader.fieldsimportRichTextUploadingField classActivity(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，不需要配置
fromdjangoimportforms fromlearntime.activity.modelsimportActivity classActivityForm(forms.ModelForm): classMeta: 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__importabsolute_import fromdjango.conf.urlsimporturl fromdjango.contrib.admin.views.decoratorsimportstaff_member_required fromdjango.views.decorators.cacheimportnever_cache from.importviews 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__importabsolute_import fromdjango.conf.urlsimporturl fromdjango.contrib.auth.decoratorsimportlogin_required fromdjango.views.decorators.cacheimportnever_cache fromckeditor_uploaderimportviews 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)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。