django项目中富文本ckeditor的设置(图片上传、添加代码等功能)

前文

开发环境:django1.11,python3.5,ckeditor5.7
在运营后台,运营人员需要录入商品并编辑商品的详情信息,而商品的详情信息不是普通的文本,可以是包含了HTML语法格式的字符串。为了快速简单的让用户能够在页面中编辑带格式的文本,我们引入富文本编辑器。富文本即具备丰富样式格式的文本。
实现的效果,在后台管理界面:
在这里插入图片描述

安装并配置

pip安装

使用pip安装 django-ckeditor 和pillow,pillow用于生成缩略图,用来在编辑器里浏览上传的图片

  • pip install django-ckeditor
  • pip install pillow

添加应用:

INSTALLED_APPS = [
    'ckeditor',  # 富文本编辑器
    'ckeditor_uploader',  # 富文本编辑器上传图片模块
]

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'
CKEDITOR_UPLOAD_PATH = ''  # 使用fdfs分布系统

  • 首先将 ‘ckeditor’ 和 'ckeditor_uploader’加入到INSTALLED_APPS中

  • 设置 MEDIA_ROOT 和 MEDIA_URL,CKEDITOR_UPLOAD_PATH =
    ‘upload/’,图片将上传到项目下的media/upload路径下,图片的url是/media/upload/

  • 这里设置空意思是使用fdfs分布系统设定路径

在项目urls文件添加ckeditor路由

from django.contrib import admin
from django.conf.urls <
  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值