Django教妳如何輕松使用富文本編輯器CKEditor。

最近由於需要使用django admin中的富文本編輯器，也因為我比較喜歡CKEditor的富文本編輯器，所以有了這篇文章。以下文章主要介紹django中輕松使用CKEditor富文本編輯器的方法，有需要的朋友可以參考壹下。

序

Django是壹個簡單易用的web框架，用它來創建內容驅動的網站(比如獨立博客)非常方便。遺憾的是，django並沒有提供官方的富文本編輯器，而這恰好是基於內容的網站後臺管理中不可或缺的控件。Ckeditor是壹個廣泛使用的基於javascript的開源fckeditor。可以和很多編程語言結合，python也不例外。本文將介紹如何在基於django的博客系統中完美地使用ckeditor。

施用方式

1，安裝

Pip安裝django-ckeditor2。“CK editor”settings . py中的INSTALLED_APPS

3.因為djang-cke editor在文件cke editor-init . js中使用JQUERY，所以需要在settings.py中設置CKEDITOR _ JQUERY _ URL來指定JQuery庫的路徑，例如:

CK editor _ jquery _ URL = '/libs/jquery/2.1.4/jquery . min . js ' 4。設置STATIC_ROOT，執行python manage.py collectstatic，將CKEDitor需要的媒體資源復制到STATIC_ROOT指定的路徑下。

STATIC _ ROOT = OS . path . join(BASE _ DIR，' static/')

5、

從django.db導入模型

從ckeditor.fields導入RichTextField

班級博客(模特。型號):

title = models . charfield(max _ length = 50，verbose _ name = "title ")。

content = rich textfield(blank = true，null = true，verbose _ name = "content ")

def __unicode__(self):

返回self.name效果:

文件上傳

1.將ckeditor_uploader添加到settings.py中的INSTALLED_APPS

2.CKEditor使用Django的存儲API，默認使用Django的文件存儲。使用MEDIA_ROOT和MEDIA_URL，需要在settings.py中定義，另外可以指定CKEDITOR_UPLOAD_PATH，位於MEDIA_ROOT下:

MEDIA_URL = '/media/'

MEDIA _ ROOT = OS . path . join(BASE _ DIR，' media/')

cke editor _ upload _ path = ' uploads/' 3。在項目的urls.py中添加CKEDitor的URL映射。

URL (r' ckeditor/'，include(' CK editor _ uploader . URLs '))，如果不添加，可能會出現以下錯誤:

4.(可選)將CKEDITOR_IMAGE_BACKEND添加到settings.py以啟用縮略圖，例如:

cke editor _ IMAGE _ back end = ' PIL ' from cke editor _ uploader . fields導入RichTextUploadingField

班級崗位(模特。型號):

Content = RichTextUploadingField()摘要