CKEditor富文本編輯器

CKEditor

　　富文本即具備豐富樣式格式的文本。在運營后台，運營人員需要錄入課程的相關描述，可以是包含了HTML語法格式的字符串。為了快速簡單的讓用戶能夠在頁面中編輯帶格式的文本，我們引入富文本編輯器。

1. 安裝

pip install django-ckeditor

2.在INSTALLED_APPS中添加

INSTALLED_APPS = [
    ...
    'ckeditor',  # 富文本編輯器
    'ckeditor_uploader',  # 富文本編輯器上傳圖片模塊
    ...
]

3. 添加CKEditor設置

在settings/dev.py中添加

# 富文本編輯器ckeditor配置
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'full',  # 工具條功能
        'height': 300,      # 編輯器高度
        # 'width': 300,     # 編輯器寬
    },
}
CKEDITOR_UPLOAD_PATH = ''  # 上傳圖片保存路徑

4. 添加ckeditor路由

在總路由中添加

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

5. 為模型類添加字段

ckeditor提供了兩種類型的Django模型類字段

• ckeditor.fields.RichTextField  不支持上傳文件的富文本字段

• ckeditor_uploader.fields.RichTextUploadingField  支持上傳文件的富文本字段\

修改course/models.py里面的字段信息,記得要重新數據遷移

from ckeditor_uploader.fields import RichTextUploadingField
class Course(models.Model):
    """
    專題課程
    """
    ...
    
    brief = RichTextUploadingField(max_length=2048, verbose_name="課程概述", null=True, blank=True)