django下使用django-ckeditor 配置图片上传

  • admin 发布于 2020-07-30
  • 栏目: 程序开发
  • 来源:本站
  • 335 人围观
  • 0 个不明物体

安装这些都略过不讲 重点说配置

1.首先配置项目目录下的settings.py 

在  INSTALLED_APPS =[] 中增加下面的代码将ckeditor配置进去

'ckeditor',
'ckeditor_uploader',

复制下面的配置项并放入settings.py里让富文本的其他选项展现

# ckeditor 代码高亮
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': (['div', 'Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
                    ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
                    ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat', '-', 'Maximize',
                     'ShowBlocks', '-', "CodeSnippet", 'Subscript', 'Superscript'],
                    ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton',
                     'HiddenField'],
                    ['Bold', 'Italic', 'Underline', 'Strike', '-'],
                    ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
                    ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
                    ['Link', 'Unlink', 'Anchor'],
                    ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
                    ['Styles', 'Format', 'Font', 'FontSize'],
                    ['TextColor', 'BGColor'],

                    ),
        'extraPlugins': 'codesnippet',
    }
}

 再增加上传目录配置项

CKEDITOR_UPLOAD_PATH = "uploads/"

注:这里是结合上面设置的媒体目录 例如MEDIA_URL等配置的,上传的文件也就在这个配置的下面

2.配置完成后到项目目录下的urls.py文件 配置上传的url路由 增加下面选项到urlpatterns里即可

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

 3.在应用目录下的models.py里导入

from ckeditor_uploader.fields import RichTextUploadingField

并且在对应的需要使用到富文本的地方调用即可  例如:

 body=RichTextUploadingField(verbose_name="正文")

 

标签: python django

评论