第一步:下载
pip install django-ckeditor
需要上传图片功能时,还需下载额外组件。
pip install pillow
第二步:注册
django的app中记得注册两个应用。
第三步:配置
配置富文本功能:
#配置 ckeditorCKEDITOR_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,}}
配置图片上传路径
#mediaMEDIA_URL = \'/media/\'MEDIA_ROOT = os.path.join(BASE_DIR, \'media\')
第四步:更改模型层
引入:
from ckeditor_uploader.fields import RichTextUploadingField
model中相应字段换成富文本字段。
content = RichTextUploadingField()
第五步:配置url
引入:
from django.conf import settingsfrom django.conf.urls.static import static
添加路由:
path(\'ckeditor\', include(\'ckeditor_uploader.urls\')),
图片路由:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)