Python ckeditor富文本编辑器代码实例解析


Posted in Python onJune 22, 2020

1.安装第三方模块包

pip install django-ckeditor

2.添加应用

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

3. 添加CKEditor设置

# 富文本编辑器ckeditor配置
CKEDITOR_CONFIGS = {
  'default': {
    'toolbar': 'full', # 工具条功能
    'height': 300,   # 编辑器高度
    # 'width': 300,   # 编辑器宽
  },
}
CKEDITOR_UPLOAD_PATH = '' # 上传图片保存路径,留空则调用django的文件上传功能

4. 添加ckeditor路由

在总路由中添加

path(r'^ckeditor/', include('ckeditor_uploader.urls')),

5. 为模型类添加字段

ckeditor提供了两种类型的Django模型类字段

  • - `ckeditor.fields.RichTextField` 不支持上传文件的富文本字段
  • - `ckeditor_uploader.fields.RichTextUploadingField` 支持上传文件的富文本字段\

6.修改course/models.py里面的字段信息,记得要重新数据迁移

from ckeditor_uploader.fields import RichTextUploadingField
class Course(models.Model):
  """
  专题课程
  """
  ...
# 使用这个字段的原因

# brief = models.TextField(verbose_name="详情介绍", null=True, blank=True)

brief = RichTextUploadingField(verbose_name="详情介绍", null=True, blank=True)
#使用富文本编辑提供的内容

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
Dec 06 Python
python基础教程之序列详解
Aug 29 Python
Python中生成器和yield语句的用法详解
Apr 17 Python
python通过索引遍历列表的方法
May 04 Python
python删除不需要的python文件方法
Apr 24 Python
Window环境下Scrapy开发环境搭建
Nov 18 Python
通过实例简单了解Python中yield的作用
Dec 11 Python
python socket通信编程实现文件上传代码实例
Dec 14 Python
python爬虫实现获取下一页代码
Mar 13 Python
Python爬虫代理池搭建的方法步骤
Sep 28 Python
python 实用工具状态机transitions
Nov 21 Python
Django-silk性能测试工具安装及使用解析
Nov 28 Python
keras做CNN的训练误差loss的下降操作
Jun 22 #Python
keras 自定义loss model.add_loss的使用详解
Jun 22 #Python
Python项目跨域问题解决方案
Jun 22 #Python
python os模块在系统管理中的应用
Jun 22 #Python
解决tensorflow读取本地MNITS_data失败的原因
Jun 22 #Python
python实现猜数游戏(保存游戏记录)
Jun 22 #Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
Jun 22 #Python
You might like
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
PHP防CC攻击实现代码
2011/12/29 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
php中请求url的五种方法总结
2017/07/13 PHP
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
轻松实现js弹框显示选项
2016/09/13 Javascript
angular2 ng2 @input和@output理解及示例
2017/10/10 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
2019/05/22 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
简单了解OpenCV是个什么东西
2017/11/10 Python
python 读入多行数据的实例
2018/04/19 Python
python调用webservice接口的实现
2019/07/12 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
高中体育教学反思
2014/01/24 职场文书
留学推荐信写作指南
2014/01/25 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
图书馆标语
2014/06/19 职场文书
小学生植树节活动总结
2014/07/04 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
反邪教学习心得体会
2016/01/15 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
配置nginx 重定向到系统维护页面
2021/06/08 Servers
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技