如何在django项目中使用django-ckeditor
1、安装
pip install django-ckeditor
2、安装Pillow
Pillow是python的一个图像处理库,django-ckeditor需要依赖该库。最简单的安装方法,当然是使用pip,假设你装过pip,可以直接运行以下命令安装:
pip install pillow
3、配置Django
1、在settings.py文件中,将ckeditor、ckeditor_uploader添加到INATALLED_APPS中。
2、在settings.py文件中,添加CKEDITOR_UPLOAD_PATH配置项。
CKEDITOR_UPLOAD_PATH = "article_images"
4、使用CKeditor
from django.db import models
from ckeditor.fields import RichTextField
# Create your models here.
class Goods(models.Model):
content = RichTextField(verbose_name="商品详情")
启动应用,富文本编辑器效果如下图所示:
如果感觉可以用的工具比较少,那么可以在settings里增加如下配置即可。
# 配置CKeditor
CKEDITOR_CONFIGS = {
'default': {
'toolbar': (
['div', 'Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Link', 'Unlink', 'Anchor'],
['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
['Styles', 'Format', 'Font', 'FontSize'],
['TextColor', 'BGColor'],
['Maximize', 'ShowBlocks', '-', 'About', 'pbckcode'],
),
}
}
现在一个完美的富文本输入框就完成了!!!
转载于:https://www.cnblogs.com/Nxx-clara/p/11084720.html
如何在django项目中使用django-ckeditor相关推荐
- Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .
首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...
- django项目中使用crontab定时任务
django项目中使用crontab定时任务 django-crontab 在ubuntu-18.04.2上的使用 需求:django项目中需添加定时任务,定时执行某个函数或者自定义的命令等) 使用步 ...
- 83.Django项目中使用验证码
1. 概述 验证码(CAPTCHA)是"Completely Automated Public Turing test to tell Computers and Humans Apar ...
- android开发使用c+_如何在Android项目中开始使用C ++代码
android开发使用c+ by Onur Tuna 通过Onur Tuna 如何在Android项目中开始使用C ++代码 (How to start using C++ code in your ...
- php7开发的项目怎么样,如何在PHP7项目中搭建一个多线程
如何在PHP7项目中搭建一个多线程 发布时间:2021-03-05 15:31:22 来源:亿速云 阅读:93 作者:Leah 这期内容当中小编将会给大家带来有关如何在PHP7项目中搭建一个多线程,文 ...
- react前端显示图片_如何在react项目中引用图片?
如何在react项目中引用图片?本文码云笔记将为大家整理在react项目中插入图片以及背景图片的方法,希望对需要的小伙伴提供一些参考. 在react项目中插入图片以及背景图片的方法共有2种: 1.im ...
- vfp生成菜单时文件不存在_如何在VFP项目中创建菜单
接上面两篇文章! 本文,我们来学习一下如何在VFP项目中创建菜单! 打开上文所讲的简单的项目文件,切换到"其他"选项卡! 如上图,选择"菜单"一项,之后点击&q ...
- 如何在vue项目中修改less变量,多主题项目解决方案
如何在vue项目中修改less变量,多主题项目解决方案 参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...
- 如何在Java项目中查找未使用/无效的代码
本文翻译自:How to find unused/dead code in java projects What tools do you use to find unused/dead code i ...
- python中pass的使用_pass语句如何在Python项目中使用
pass语句如何在Python项目中使用 发布时间:2020-11-16 14:55:02 来源:亿速云 阅读:98 本篇文章为大家展示了pass语句如何在Python项目中使用,内容简明扼要并且容易 ...
最新文章
- 【Oracle】触发器最系统入门学习指导
- 与Oracle配套组件,oracle 组件和体系结构
- Qt for Android 动态申请权限
- keepalived 双实例_nginx互为主备
- JSP userBean setProperty getProperty指令使用
- js重新渲染div_前端工程师必备:从浏览器的渲染到性能优化
- OSI参考模型和TCP/IP参考模型
- dosbox进行debug调试教程
- kindle升级失败变砖(卡大树)维修步骤
- google 阅读器
- 关于SDN理解,老杨都放在这里了
- outputdebugstring函数的封装
- python用glob遍历文件_python中用glob快速获取文件列表
- 选择题汇总6-7(括号里填的答案都是对的,不用管下面那个答案正确与错误,因为作者懒得删了)
- 如何退出Google的Gmail信箱
- 信息系统开发与管理【四】之 总体规划
- Java Math.tan()/Math.tanh()具有什么功能呢?
- c语言 在庆祝活动中ABC三艘军舰要同时开始鸣放礼炮各21响。已知A军舰每隔5秒放1次,B军舰每隔6秒放1次,C军舰每隔7秒放1次。假设各炮手对时间的掌握非常准确,请问观众总共可以听到几次礼炮声?
- 良好的设计才能产出精品
- Word2016排版tips总结——毕业论文排版