django轻松使用富文本编辑器CKEditor的方法

前言

django是一个容易快速上手的web框架，用它来创建内容驱动型的网站（比如独立博客）十分方便。遗憾的是，django并没有提供官方的富文本编辑器，而后者恰好是内容型网站后台管理中不可或缺的控件。ckeditor是一款基于javascript，使用非常广泛的开源网页编辑器。它可以和多种编程语言相结合，python当然也不例外。本文就来介绍一下如何在基于django博客系统如何完美地用上ckeditor。

使用方法

1、安装

pip install django-ckeditor 

2、将‘ckeditor'settings.py中的INSTALLED_APPS

3、由于djang-ckeditor在ckeditor-init.js文件中使用了JQuery，所以要在settings.py中设置CKEDITOR_JQUERY_URL来指定JQuery库的路径，例如:

CKEDITOR_JQUERY_URL ='https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js' 

4、设定STATIC_ROOT，执行python manage.py collectstatic,将CKEditor需要的媒体资源拷入STATIC_ROOT指定的路径中。

STATIC_ROOT = os.path.join(BASE_DIR,'static/')

5、

from django.db import models
from ckeditor.fields import RichTextField

class Blog(models.Model):
 title = models.CharField(max_length=50,verbose_name="标题")
 content = RichTextField(blank=True,null=True,verbose_name="内容")

 def __unicode__(self):
 return self.name

效果:

文件上传

1、在settings.py中的INSTALLED_APPS中添加ckeditor_uploader

2、CKEditor使用Django的存储API，默认使用Django的文件存储,会用到MEDIA_ROOT和MEDIA_URL，需要在settings.py中定义，此外还可以指定CKEDITOR_UPLOAD_PATH，它位于MEDIA_ROOT下:

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media/')
CKEDITOR_UPLOAD_PATH = 'uploads/'

3、在项目的urls.py中添加CKEditor的URL映射

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

如果不加，可能会出现以下错误:

4、（可选项） 在settings.py中加入CKEDITOR_IMAGE_BACKEND ,使能thumbnails，例如:

CKEDITOR_IMAGE_BACKEND = 'PIL'

from ckeditor_uploader.fields import RichTextUploadingField
class Post(models.Model):
 content = RichTextUploadingField()

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# django  # 富文本编辑器  # 文本编辑器  # ckeditor文本编辑器  # Django之choices选项和富文本编辑器的使用详解  # Django在admin后台集成TinyMCE富文本编辑器的例子  # django富文本编辑器的实现示例  # Django添加KindEditor富文本编辑器的使用  # Django框架使用富文本编辑器Uedit的方法分析  # Django集成百度富文本编辑器uEditor攻略  # Django集成富文本编辑器summernote的实现步骤  # 编辑器  # 的是  # 是一个  # 也不  # 还可以  # 要在  # 博客  # 它可以  # 这篇文章  # 就来  # 谢谢大家  # 介绍一下  # 不加  # 不可或缺  # 用它  # 开源  # 后台管理  # 编程语言  # 文件上传  # 是一款 

相关文章： 企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  如何在自有机房高效搭建专业网站？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  香港服务器部署网站为何提示未备案？  网站制作壁纸教程视频,电脑壁纸网站？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  Swift中循环语句中的转移语句 break 和 continue  建站之星导航如何优化提升用户体验？  中山网站推广排名,中山信息港登录入口？  C++中引用和指针有什么区别？（代码说明）  定制建站流程解析：需求评估与SEO优化功能开发指南  内部网站制作流程,如何建立公司内部网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  建站168自助建站系统：快速模板定制与SEO优化指南  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  建站主机空间推荐 高性价比配置与快速部署方案解析  清除minerd进程的简单方法  如何快速搭建支持数据库操作的智能建站平台？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  魔方云NAT建站如何实现端口转发？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何打造高效商业网站？建站目的决定转化率  如何用wdcp快速搭建高效网站？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  ,交易猫的商品怎么发布到网站上去？  网站制作免费,什么网站能看正片电影？  如何通过西部数码建站助手快速创建专业网站？  建站之星如何取消后台验证码生成？  网页设计网站制作软件,microsoft office哪个可以创建网页？  如何通过二级域名建站提升品牌影响力？  香港服务器租用每月最低只需15元？  如何通过网站建站时间优化SEO与用户体验？  教程网站设计制作软件,怎么创建自己的一个网站？  用v-html解决Vue.js渲染中html标签不被解析的问题  建站上传速度慢？如何优化加速网站加载效率？  建站主机解析：虚拟主机配置与服务器选择指南  建站之星安装模板失败：服务器环境不兼容？  建站之星展会模版如何一键下载生成？  如何在Tomcat中配置并部署网站项目？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何快速生成高效建站系统源代码？  北京的网站制作公司有哪些,哪个视频网站最好？  定制建站哪家更专业可靠？推荐榜单揭晓  制作网站的软件免费下载,免费制作app哪个平台好？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  如何快速辨别茅台真假？关键步骤解析  ppt制作免费网站有哪些,ppt模板免费下载网站？