关于django2中实现富文本编辑和图片上传(ckeditor)

首先说说富文本编辑,有很多富文本编辑器可以用,我选择ckeditor,这是django自己的东西
首先就是安装ckeditor
使用强大的 pip大法pip install django-ckeditor
安装好了之后,我们先要将这个添加进我们的django app中当然就是setting
之后我们需要修改models中的模型,ckeditor是根据字段信息来判断是否使用富文本的
我想要让我的正文实现富文本编辑,所以就是在content中使用
在这里插入图片描述
当然不要忘了在?引用ckeditor库
from ckeditor.fields import RichTextField()
在这个时候你就可以进入后台admin中查看你的正文了。

这里还有一个小问题,如果你希望可以实现图片上传功能,因为ckeditor的图片上传实在是太麻烦了,所以你就需要下载另外一个库来实现这个功能pillow
同样的配方同样的味道pip 之后就是在setting的app中添加
ckeditor_uploader
使用上传功能,需要设置上传位置。该文件是上传到media目录,所以也需要设置media。打开settings.py添加如下设置:
MEDIA_URL = '/media/'
放在django项目根目录,同时也需要创建media文件夹
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

CKEDITOR_UPLOAD_PATH = 'upload/'

上传需要有url地址,在全局url中设置:
path('ckeditor/', include('ckeditor_uploader.urls')),

另外,上传的图片是到media中,不是在static中。我们还需要设置media可被访问,如下设置可用于开发中使用,若部署到服务器可用服务器软件设置:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

最后在models中修改一下字段类型
在这里插入图片描述

参考:http://yshblog.com/blog/193

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值