django添加富文本编辑器

1. 安装 pip install django-ckeditor。
2. 在settings.py中注册应用并添加相应配置

INSTALLED_APPS = [
    ...
    'ckeditor',
]

CKEDITOR_CONFIGS = {
    'comment_ckeditor': {
        'toolbar': 'custom',
        'toolbar_custom': [
            ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'],
            ["TextColor", "BGColor", 'RemoveFormat'],
            ['NumberedList', 'BulletedList'],
            ['Link', 'Unlink'],
            ["Smiley", "SpecialChar", 'Blockquote'],
        ],
        'extraPlugins': 'codesnippet',
        'width': 'auto',
        'height': '180',
        'tabSpaces': 4,
        'removePlugins': 'elementspath',
        'resize_enabled': False,
    },

    'default': {
        'toolbar': 'full',
        'height': 300,
        'width': 'auto',
        'extraPlugins': 'codesnippet',
    },
}

3. 配置model, 把字段改成RichTextField

from ckeditor.fields import RichTextField

class A(model.Model):
    ...
    content = RichTextUploadingField()
    ...

4. 添加上传图片功能，安装pip install pillow
5. 配置settigns.py

INSTALLED_APPS = [
    ...
    'ckeditor',
    'ckeditor_uploader',

]

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

#配置ckeditor
CKEDITOR_UPLOAD_PATH = 'upload/'

6. 配置url

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

urlpatterns = [
    ...
    path('ckeditor', include('ckeditor_uploader.urls')),
    ...
]

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

效果如图：