django【笔记】 富文本使用

第一步：下载
pip install django-ckeditor
需要上传图片功能时，还需下载额外组件。
pip install pillow

第二步：注册
django的app中记得注册两个应用。

第三步：配置
配置富文本功能：

#配置 ckeditor
CKEDITOR_UPLOAD_PATH = 'upload/'
CKEDITOR_CONFIGS = {
    'default': {},
    'comment_ckeditor': {
        'toolbar': 'custom',
        'toolbar_custom': [
            ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'],
            ['TextColor', 'BGColor', 'RemoveFormat'],
            ['Link', 'Unlink'],
            ['Smiley', 'SpecialChar', 'Blockquote'],
        ],
        'width': 'auto',
        'height': '180',
        'tabSpaces': '4',
        'removePlugins': 'elementspath',
        'resize_enabled': False,
    }
}

配置图片上传路径

#media
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

第四步：更改模型层
引入：

from ckeditor_uploader.fields import RichTextUploadingField

model中相应字段换成富文本字段。

content = RichTextUploadingField()

第五步：配置url
引入：

from django.conf import settings
from django.conf.urls.static import static

添加路由：

 path('ckeditor', include('ckeditor_uploader.urls')),

图片路由：

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)