django輕松使用富文本編輯器CKEditor的方法
前言
django是一個(gè)容易快速上手的web框架,用它來(lái)創(chuàng)建內(nèi)容驅(qū)動(dòng)型的網(wǎng)站(比如獨(dú)立博客)十分方便。遺憾的是,django并沒(méi)有提供官方的富文本編輯器,而后者恰好是內(nèi)容型網(wǎng)站后臺(tái)管理中不可或缺的控件。ckeditor是一款基于javascript,使用非常廣泛的開(kāi)源網(wǎng)頁(yè)編輯器。它可以和多種編程語(yǔ)言相結(jié)合,python當(dāng)然也不例外。本文就來(lái)介紹一下如何在基于django博客系統(tǒng)如何完美地用上ckeditor。
使用方法
1、安裝
pip install django-ckeditor
2、將‘ckeditor'settings.py中的INSTALLED_APPS
3、由于djang-ckeditor在ckeditor-init.js文件中使用了JQuery,所以要在settings.py中設(shè)置CKEDITOR_JQUERY_URL來(lái)指定JQuery庫(kù)的路徑,例如:
CKEDITOR_JQUERY_URL ='https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'
4、設(shè)定STATIC_ROOT,執(zhí)行python manage.py collectstatic,將CKEditor需要的媒體資源拷入STATIC_ROOT指定的路徑中。
STATIC_ROOT = os.path.join(BASE_DIR,'static/')

5、
from django.db import models from ckeditor.fields import RichTextField class Blog(models.Model): title = models.CharField(max_length=50,verbose_name="標(biāo)題") content = RichTextField(blank=True,null=True,verbose_name="內(nèi)容") def __unicode__(self): return self.name
效果:

文件上傳
1、在settings.py中的INSTALLED_APPS中添加ckeditor_uploader
2、CKEditor使用Django的存儲(chǔ)API,默認(rèn)使用Django的文件存儲(chǔ),會(huì)用到MEDIA_ROOT和MEDIA_URL,需要在settings.py中定義,此外還可以指定CKEDITOR_UPLOAD_PATH,它位于MEDIA_ROOT下:
MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR,'media/') CKEDITOR_UPLOAD_PATH = 'uploads/'
3、在項(xiàng)目的urls.py中添加CKEditor的URL映射
url(r'^ckeditor/', include('ckeditor_uploader.urls')),
如果不加,可能會(huì)出現(xiàn)以下錯(cuò)誤:

4、(可選項(xiàng)) 在settings.py中加入CKEDITOR_IMAGE_BACKEND ,使能thumbnails,例如:
CKEDITOR_IMAGE_BACKEND = 'PIL'
from ckeditor_uploader.fields import RichTextUploadingField class Post(models.Model): content = RichTextUploadingField()
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
python 多進(jìn)程并行編程 ProcessPoolExecutor的實(shí)現(xiàn)
這篇文章主要介紹了python 多進(jìn)程并行編程 ProcessPoolExecutor的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
linux環(huán)境下的python安裝過(guò)程圖解(含setuptools)
這篇文章主要介紹了linux環(huán)境下的python安裝過(guò)程圖解(含setuptools),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
Python中pandas的dataframe過(guò)濾數(shù)據(jù)方法
這篇文章主要介紹了Python中pandas的dataframe過(guò)濾數(shù)據(jù)方法,Pandas是另外一個(gè)用于處理高級(jí)數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)分析的Python庫(kù),Pandas是基于Numpy構(gòu)建的一種工具,需要的朋友可以參考下2023-07-07
Python樹(shù)的平衡檢測(cè)算法實(shí)現(xiàn)
樹(shù)的平衡檢測(cè)是指判斷一棵樹(shù)是否為平衡二叉樹(shù),即每個(gè)節(jié)點(diǎn)的左右子樹(shù)高度差不超過(guò)1,本文主要介紹了Python樹(shù)的平衡檢測(cè)算法實(shí)現(xiàn),感興趣的可以了解一下2023-11-11
Python爬取數(shù)據(jù)并寫入MySQL數(shù)據(jù)庫(kù)的實(shí)例
今天小編就為大家分享一篇Python爬取數(shù)據(jù)并寫入MySQL數(shù)據(jù)庫(kù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
下載安裝好python后想查看python安裝位置的幾種方法
這篇文章主要介紹了在Windows系統(tǒng)中查看Python路徑和版本的幾種方法,并提供了一個(gè)清除命令行窗口的技巧,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
Python基本結(jié)構(gòu)之判斷語(yǔ)句的用法詳解
在程序的設(shè)計(jì)當(dāng)中,代碼并不是逐步按照順序進(jìn)行執(zhí)行的,在運(yùn)行到某一行代碼當(dāng)中,需要停下進(jìn)行判斷接下來(lái)將要運(yùn)行到那一個(gè)分支代碼,這種判斷就代表的是分支結(jié)構(gòu)。分支結(jié)構(gòu)是可以使用?if?語(yǔ)句來(lái)進(jìn)行判斷的,而我們本篇博客講的也是?if?語(yǔ)句,需要的可以了解一下2022-07-07
11行Python代碼實(shí)現(xiàn)解密摩斯密碼
摩爾斯電碼是一種時(shí)通時(shí)斷的信號(hào)代碼,通過(guò)不同的排列順序來(lái)表達(dá)不同的英文字母、數(shù)字和標(biāo)點(diǎn)符號(hào)。本文將通過(guò)Python代碼來(lái)實(shí)現(xiàn)解密摩斯密碼,感興趣的可以學(xué)習(xí)一下2022-04-04

