Django項(xiàng)目使用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="活動(dòng)描述")
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,如果在自己的項(xiàng)目中就不能這樣寫(xiě)
urlpatterns = [ ... path('ckeditor/', include('ckeditor_uploader.ckeditor_urls')), ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
網(wǎng)上其他教程都是在admin中配置ckeditor,如果按照如上代碼可能會(huì)發(fā)現(xiàn)圖片上傳失敗,點(diǎn)進(jìn)源碼可以看到,圖片上傳的成功條件為:django的用戶表is_staff為True,自己的項(xiàng)目中可能并沒(méi)有這樣設(shè)定。
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項(xiàng)目使用ckeditor詳解(不使用admin)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
在pandas中一次性刪除dataframe的多個(gè)列方法
下面小編就為大家分享一篇在pandas中一次性刪除dataframe的多個(gè)列方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-04-04Python程序設(shè)計(jì)入門(3)數(shù)組的使用
這篇文章主要介紹了Python數(shù)組的使用方法,需要的朋友可以參考下2014-06-06python爬蟲(chóng)之線程池和進(jìn)程池功能與用法詳解
這篇文章主要介紹了python爬蟲(chóng)之線程池和進(jìn)程池功能與用法,結(jié)合實(shí)例形式分析了Python基于線程池與進(jìn)程池的爬蟲(chóng)功能相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2018-08-08使用pyecharts在jupyter notebook上繪圖
這篇文章主要介紹了使用pyecharts在jupyter notebook上繪圖,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-07-07python中websockets與主線程傳遞參數(shù)的實(shí)現(xiàn)
本文主要介紹了python中websockets與主線程傳遞參數(shù)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-02-02一些Centos Python 生產(chǎn)環(huán)境的部署命令(推薦)
這篇文章主要介紹了一些Centos Python 生產(chǎn)環(huán)境的部署命令,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2018-05-05