開發環境 ：

Python 3.5 Django 1.11

CKEditor安裝：

pip install django-ckeditor

Django的settings.py中的註冊和配置

• 在INSTALL_APP進行註冊：

‘ckeditor’, # 富文字編輯器
‘ckeditor_uploader’, # 富文字編輯器上傳圖片模組

• 增加相關的配置：

# 富文字編輯器ckeditor配置
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'full',  # 工具條功能
        'height': 300,  # 編輯器高度
        'width': 300,  # 編輯器寬
    },
}
CKEDITOR_UPLOAD_PATH = ''  # 上傳圖片儲存路徑，如果沒有圖片儲存或者使用自定義儲存位置，那麼則直接寫  ' ' ,如果是使用django本身的儲存方式，那麼你就指名一個目錄用來儲存即可。
 

CHEDITOR_UPLOAD_PATH的作用是設定你通過ckeditor所上傳的檔案的存放目錄。需要注意的是，如果使用django自帶的儲存，那麼路徑是一個相對路徑，它相對與你設定的的MEDIA_ROOT。

關於CKEditor的路由

在主路由 urls.py中 增加如下：

url(r'^ckeditor/', include('ckeditor_uploader.urls')),

使用

在需要使用富文字編輯器的models.py中新增如下：

• ckeditor.fields.RichTextField 不支援上傳檔案的富文字欄位
• ckeditor_uploader.fields.RichTextUploadingField 支援上傳檔案的富文字欄位；

例如：