当前位置: 首页 > 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()

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 团体程序设计天梯赛-练习集
  • Ubuntu上安装配置samba服务
  • 【Quart 框架——来源于Flask的强大且灵活的异步Web框架】
  • 【 香橙派 AIpro评测】烧系统运行部署LLMS大模型跑开源yolov5物体检测并体验Jupyter Lab AI 应用样例(新手入门)
  • K8S 上部署 Emqx
  • 【C++】C++中的堆和栈介绍和区别
  • 酷克数据亮相第13届PostgreSQL中国技术大会,获数据库杰出贡献奖
  • LVS+Keepalive高可用
  • git commit时报错,LF will be replaced by CRLF the next time Git touches it
  • 视频监控汇聚平台LntonCVS视频集中存储平台解决负载均衡的方案
  • C++初阶:类和对象(二)
  • jvm 07 GC算法,内存池
  • 开源科学工程技术软件
  • 【docker 部署springboot项目】
  • 第一章 Typescript小白快速入门
  • SegmentFault for Android 3.0 发布
  • 4月23日世界读书日 网络营销论坛推荐《正在爆发的营销革命》
  • Bytom交易说明(账户管理模式)
  • ES6系统学习----从Apollo Client看解构赋值
  • React-flux杂记
  • vue中实现单选
  • 全栈开发——Linux
  • 三栏布局总结
  • 小试R空间处理新库sf
  • 一份游戏开发学习路线
  • 原生Ajax
  • ‌前端列表展示1000条大量数据时,后端通常需要进行一定的处理。‌
  • !$boo在php中什么意思,php前戏
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (2022 CVPR) Unbiased Teacher v2
  • (6) 深入探索Python-Pandas库的核心数据结构:DataFrame全面解析
  • (第三期)书生大模型实战营——InternVL(冷笑话大师)部署微调实践
  • (二十三)Flask之高频面试点
  • (分布式缓存)Redis持久化
  • (牛客腾讯思维编程题)编码编码分组打印下标题目分析
  • (原創) 人會胖會瘦,都是自我要求的結果 (日記)
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)visual stdio 书签功能介绍
  • (自适应手机端)行业协会机构网站模板
  • ***监测系统的构建(chkrootkit )
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .net core使用ef 6
  • .NET 表达式计算:Expression Evaluator
  • .Net 知识杂记
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。
  • /etc/skel 目录作用
  • :如何用SQL脚本保存存储过程返回的结果集
  • @staticmethod和@classmethod的作用与区别
  • @Transactional 竟也能解决分布式事务?
  • [ 2222 ]http://e.eqxiu.com/s/wJMf15Ku
  • [ 数据结构 - C++] AVL树原理及实现
  • [20150904]exp slow.txt
  • [Angular 基础] - 数据绑定(databinding)
  • [Angularjs]asp.net mvc+angularjs+web api单页应用
  • [Avalon] Avalon中的Conditional Formatting.