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相关推荐

  1. Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .

    首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...

  2. django项目中使用crontab定时任务

    django项目中使用crontab定时任务 django-crontab 在ubuntu-18.04.2上的使用 需求:django项目中需添加定时任务,定时执行某个函数或者自定义的命令等) 使用步 ...

  3. 83.Django项目中使用验证码

    1. 概述 ​ 验证码(CAPTCHA)是"Completely Automated Public Turing test to tell Computers and Humans Apar ...

  4. android开发使用c+_如何在Android项目中开始使用C ++代码

    android开发使用c+ by Onur Tuna 通过Onur Tuna 如何在Android项目中开始使用C ++代码 (How to start using C++ code in your ...

  5. php7开发的项目怎么样,如何在PHP7项目中搭建一个多线程

    如何在PHP7项目中搭建一个多线程 发布时间:2021-03-05 15:31:22 来源:亿速云 阅读:93 作者:Leah 这期内容当中小编将会给大家带来有关如何在PHP7项目中搭建一个多线程,文 ...

  6. react前端显示图片_如何在react项目中引用图片?

    如何在react项目中引用图片?本文码云笔记将为大家整理在react项目中插入图片以及背景图片的方法,希望对需要的小伙伴提供一些参考. 在react项目中插入图片以及背景图片的方法共有2种: 1.im ...

  7. vfp生成菜单时文件不存在_如何在VFP项目中创建菜单

    接上面两篇文章! 本文,我们来学习一下如何在VFP项目中创建菜单! 打开上文所讲的简单的项目文件,切换到"其他"选项卡! 如上图,选择"菜单"一项,之后点击&q ...

  8. 如何在vue项目中修改less变量,多主题项目解决方案

    如何在vue项目中修改less变量,多主题项目解决方案 参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...

  9. 如何在Java项目中查找未使用/无效的代码

    本文翻译自:How to find unused/dead code in java projects What tools do you use to find unused/dead code i ...

  10. python中pass的使用_pass语句如何在Python项目中使用

    pass语句如何在Python项目中使用 发布时间:2020-11-16 14:55:02 来源:亿速云 阅读:98 本篇文章为大家展示了pass语句如何在Python项目中使用,内容简明扼要并且容易 ...

最新文章

  1. 【Oracle】触发器最系统入门学习指导
  2. 与Oracle配套组件,oracle 组件和体系结构
  3. Qt for Android 动态申请权限
  4. keepalived 双实例_nginx互为主备
  5. JSP userBean setProperty getProperty指令使用
  6. js重新渲染div_前端工程师必备:从浏览器的渲染到性能优化
  7. OSI参考模型和TCP/IP参考模型
  8. dosbox进行debug调试教程
  9. kindle升级失败变砖(卡大树)维修步骤
  10. google 阅读器
  11. 关于SDN理解,老杨都放在这里了
  12. outputdebugstring函数的封装
  13. python用glob遍历文件_python中用glob快速获取文件列表
  14. 选择题汇总6-7(括号里填的答案都是对的,不用管下面那个答案正确与错误,因为作者懒得删了)
  15. 如何退出Google的Gmail信箱
  16. 信息系统开发与管理【四】之 总体规划
  17. Java Math.tan()/Math.tanh()具有什么功能呢?
  18. c语言 在庆祝活动中ABC三艘军舰要同时开始鸣放礼炮各21响。已知A军舰每隔5秒放1次,B军舰每隔6秒放1次,C军舰每隔7秒放1次。假设各炮手对时间的掌握非常准确,请问观众总共可以听到几次礼炮声?
  19. 良好的设计才能产出精品
  20. Word2016排版tips总结——毕业论文排版

热门文章

  1. Flink x Zeppelin ,Hive Streaming 实战解析
  2. 史上最全的CSS hack方式一览(鉴)
  3. 液晶显示模块的分类和基本知识
  4. 王道 —— 进程同步、进程互斥
  5. 《BERT:Pre-training of Deep Bidirectional Transformers for Language Understanding》
  6. C语言获取系统当前时间的两种方式
  7. OpenCV--CvMemStorage
  8. Wiz Editor md 为知笔记 Markdown 插件
  9. 2021总结、2022展望
  10. 算法竞赛中的随机数产生和断言