CKEditor富文本编辑器
2024-10-15 12:38:08
CKEditor
富文本即具备丰富样式格式的文本。在运营后台,运营人员需要录入课程的相关描述,可以是包含了HTML语法格式的字符串。为了快速简单的让用户能够在页面中编辑带格式的文本,我们引入富文本编辑器。
1. 安装
pip install django-ckeditor
2.在INSTALLED_APPS中添加
INSTALLED_APPS = [
...
'ckeditor', # 富文本编辑器
'ckeditor_uploader', # 富文本编辑器上传图片模块
...
]
3. 添加CKEditor设置
在settings/dev.py中添加
# 富文本编辑器ckeditor配置
CKEDITOR_CONFIGS = {
'default': {
'toolbar': 'full', # 工具条功能
'height': 300, # 编辑器高度
# 'width': 300, # 编辑器宽
},
}
CKEDITOR_UPLOAD_PATH = '' # 上传图片保存路径
4. 添加ckeditor路由
在总路由中添加
url(r'^ckeditor/', include('ckeditor_uploader.urls')),
5. 为模型类添加字段
ckeditor提供了两种类型的Django模型类字段
ckeditor.fields.RichTextField
不支持上传文件的富文本字段ckeditor_uploader.fields.RichTextUploadingField
支持上传文件的富文本字段\
修改course/models.py里面的字段信息,记得要重新数据迁移
from ckeditor_uploader.fields import RichTextUploadingField
class Course(models.Model):
"""
专题课程
"""
... brief = RichTextUploadingField(max_length=2048, verbose_name="课程概述", null=True, blank=True)
最新文章
- Angular企业级开发(2)-搭建Angular开发环境
- 关于linux asp.net MVC网站中 httpHandlers配置无效的处理方法
- 封装ios静态库碰到的一些问题(一)
- PHP之MVC学习
- linux平台编译安装Poco C++
- 【Android】首次进入应用时加载引导界面
- 转--Invalidate和postInvalidate的更新view区别
- 手势解锁自定义View
- Spring+Quartz 整合二:调度管理与定时任务分离
- (十二)学习CSS之box-sizing 属性
- UDP TCP应用场景
- JAVA FILE or I/O学习 - I/O流操作:FileInputStream、FileOutputStream、ObjectInputStream、ObjectOutputStream、InputStreamReader、OutputStreamWriter等
- 《算法导论》 — Chapter 7 高速排序
- 【翻译】创建Cordova项目
- matlab 中max函数用法
- 微信小程序 网络请求之re.request 和那些坑
- JetBrains Pycharm 破解+汉化
- Suricata默认规则集相关
- auth.go
- win快捷键
热门文章
- 智能门锁测试程序和PCB板线路通断检测程序经验总结
- 关于 spring MVC 配置自动扫描中 use-default-filters 属性
- MVC中code first方式开发,数据库的生成与更新
- VoiceXML简介
- React时间组件(时分秒补0)页面全局引用
- Python sys.argv[]用法
- 遇到NotificationService: Suppressing notification from package com.example.dell.servicebestpractice by u错误
- Linux+DDoS deflate 预防DDoS攻击
- Substring (后缀数组 + 计数)
- JavaScript 作用域链其实很简单