AI智能
改变未来

django【笔记】 富文本使用

第一步:下载
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)
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » django【笔记】 富文本使用