当前位置: 首页 > news >正文

django-ckeditor富文本编辑器

一.安装django-ckeditor

1.安装

pip install django-ckeditor

2.注册应用

INSTALLED_APPS = [...'ckeditor',
]

3.配置model

from ckeditor.fields import RichTextFieldcontent = RichTextField()

4.在项目中manage.py文件下重新执行迁移,生成迁移文件

python manage.py makemigrationspython manage.py migrate

5.启动Django项目并且进入刚在所改模型的字段页面中,可以看到有富文本编辑器生成
image

二.添加上传图片功能

1.安装

pip isntall pillow

2.注册应用

'ckeditor_uploader'

3.配置setting

# media 配置
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')# 富文本ckeditor配置
CKEDITOR_UPLOAD_PATH = 'upload/'CKEDITOR_IMAGE_BACKEND = 'pillow'

4.配置url

path('ckeditor/', include('ckeditor_uploader.urls')),urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

5.配置model(把字段改成RichTextUploadingField)

from ckeditor_uploader.fields import RichTextUploadingFieldcontent = RichTextUploadingField()
http://www.lryc.cn/news/401601.html

相关文章:

  • 鸿蒙模拟器(HarmonyOS Emulator)Beta申请审核流程
  • VUE:跨域配置代理服务器
  • Redis实战—附近商铺、用户签到、UV统计
  • 小程序里面使用vant ui中的vant-field组件,如何使得输入框自动获取焦点
  • Html_Css问答集(12)
  • 【C语言】条件运算符详解 - 《 A ? B : C 》
  • 乘积量化pq:将高维向量压缩 97%
  • 解决一下git clone失败的问题
  • 【 香橙派 AIpro评测】烧系统运行部署LLMS大模型跑开源yolov5物体检测并体验Jupyter Lab AI 应用样例(新手入门)
  • Azure Repos 仓库管理
  • Day71 代码随想录打卡|回溯算法篇---全排列
  • 开源科学工程技术软件
  • 甄选范文“论软件维护方法及其应用”软考高级论文,系统架构设计师论文
  • 【服务器】端口映射
  • HTC 10 刷系统 LineageOS 19.1 Android 12
  • 访问者模式(Visitor Pattern)
  • mac如何查看cpu和显卡温度
  • MongoDB教程(六):mongoDB复制副本集
  • 牛客小白月赛98 (个人题解)(补全)
  • Ubuntu压缩解压各类型文件
  • 昇思学习打卡-20-生成式/GAN图像生成
  • javafx、node js、socket、OpenGL多线程
  • 【学习笔记】无人机(UAV)在3GPP系统中的增强支持(七)-通过无人机实现无线接入的独立部署
  • 模糊综合评价
  • 系统测试-白盒测试学习
  • UI设计工具选择指南:Sketch、XD、Figma、即时设计
  • Pycharm 导入 conda 环境
  • Vue封装Tooltip(提示工具)
  • Go 1.19.4 函数-Day 08
  • Docker-Nvidia(NVIDIA Container Toolkit)