传送门 本人使用的是 Django 的自带的管理后台,安装 ckeditor 富文本编辑器后,上传图片的时候直接传到七牛云的.…

前言 使用ckeditor这个组件的时候 对于长写博客的同学当然希望能有 增加代码这个功能按钮 而这个按钮 需要自己配置 我们的编辑器自然需要添加代码块的功能. 需要用到插件codesnippet,ckeditor的插件放在了ckeditor/static/ckeditor/ckeditor/plugins/路径下. 安装 当我们添加一个功能插件时,需要在CKEDITOR_CONFIGS里的extraPlugins对应的value里添加该插件的名字(名字字母小写), 如果该插件还有相对应的按钮,…

我们之前已经完成了项目的结构搭建,但是,在Django当中,我们强调的一个重要概念是app,比如Django自带的admin就是一个成功的app典范,那么我们应该如果整理自己的项目结构,才能让我们的app真正的独立出来,我们以之前的OurBlog项目为例: 为了项目的可迁移性,我们将静态文件和模板文件的目录创建到APP的目录下,在app外部,也就是我们项目的根目录下,我们创建一个空的静态文件目录: 然后在app当中的static和template当中创建和app同名的目录来存放文件 注意,Dja…

开发流程介绍 之前Django的学习过程当中已经把基本Django开发学完了,现在以Django 的博客项目完成一遍课程的回顾和总结.同时来一次完整开发的Django体验. 一个产品从研究到编码我们要经历以下的过程: 博客开发需求分析与建模 需求分析 本次项目完成的是一个博客的项目,博客主要目的是为了分享个人的技术,进行技术积累. 主要是发布文章日志.但是也需要有评论和互动.需要完成以下功能点: 1.文章的发布.展示.修改.删除. 2.文章评论 3.读者互动 4.图片管理 概要设计 我们对上面的…

完整的后台界面怎么可以没有文本编辑器,但是django的admin界面很疑惑,没有自带文本编辑器,好在网上有不少成型的库可以用 我用的是ckeditor编辑器,安装和配置我引用别人的博客 这篇博客配置讲的很详细,之后就可以用RichTextField来定义模型,后台默认就是文本编辑器. 但是问题来了,文本编辑器是没有上传图片的功能,只能贴链接. 网上以前有两篇博客也是讲上传的,一篇是java web,一篇是django的 django的链接在这里 django下ckeditor上传图片的实现 j…

Django使用CKEditor可以安装django-ckeditor这个模块,具体步骤可按照这里进行:http://www.nanerbang.com/article/2/ 我在富文本编辑器中想使用插入代码块的功能,这时Code Snippet这个CKEditor的插件派上用场了 新版本的CKEditor中已经集成了这个插件,在Python安装目录下可查看到:D:\Dev\Python35\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\…

目前用的比较多的富文本插件有百度的ueditor.ckeditor.kindeditor等,其中ueditor和kindeditor比较美观,ckeditor的皮肤较少.但是ueditor加载较慢,kindeditor样式与django后台样式相冲突,ckeditor与django耦合较好且配置简单,所以最终选择ckeditor. 下面是在django前后台中使用ckeditor的安装步骤: 一.pip install django-ckeditor 二.将'ckeditor'和'ckedito…

ckeditor settings配置 ############ # CKEDITOR # ############ MEDIA_ROOT = os.path.join(BASE_DIR, 'media') CKEDITOR_UPLOAD_PATH = 'upload/' IMAGE_QUALITY = 40 THUMBNAIL_SIZE = (300, 300) CKEDITOR_IMAGE_BACKEND = "pillow" CKEDITOR_CONFIGS = { 'defau…

1.在模型类中设置字段为富文本类型,这里需要注意引入的是RichTextUploadingField,以允许上传图片,需要和RichTextField区分开 from ckeditor_uploader.fields import RichTextUploadingFieldclass spit_model(models.Model): """模型类""" user = models.ForeignKey(User, on_delete=mode…

源码 https://github.com/django-ckeditor/django-ckeditor 通过pip安装. pip3 install django-ckeditor pip3 install Pillow 在settings.py的INSTALLED_APPS里添加ckeditor和ckeditor_uploader两个应用. INSTALLED_APPS = ( # 'ckeditor', 'ckeditor_uploader' ) 同时需要在settings.py里设置ck…

操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-ckeditor ,下载后进入目录安装 django-ckeditor-master bamboo$ sudo python setup.py install 1.2 安装 Pillow django-ckeditor-master bamboo$ easy_install Pillow sudo A…

CKEditor富文本编辑器 1. 安装 pip install django-ckeditor 2. 添加应用 在INSTALLED_APPS中添加 INSTALLED_APPS = [ ... 'ckeditor', # 富文本编辑器 'ckeditor_uploader', # 富文本编辑器上传图片模块 ... ] 3. 添加CKEditor设置 在settings/dev.py中添加 # 富文本编辑器ckeditor配置 CKEDITOR_CONFIGS = { 'default': {…

1.安装模块 (pillow是python的一个图像处理库) pip install django-ckeditor pip install pillow 2.编辑seetings.py配置文件 INSTALLED_APPS = [ 'ckeditor',#富文本编辑器 'ckeditor_uploader'#富文本编辑器上传图片模块 ] #媒体文件配置 MEDIA_URL = "/media/" MEDIA_ROOT = os.path.join(BASE_DIR, "me…

1. Ckedior.js CKEDITOR.editorConfig = function( config ) { // config.filebrowserUploadUrl="/blog/upload_img/"; config.extraPlugins = 'codesnippet'; }; 这个是必须的. 2. settings.py CKEDITOR_CONFIGS = { 'default': { 'extraPlugins': 'sourcedialog,codemir…

作者:刘耀 一.使用form保存用户输入过的信息 场景:例如 如果用户注册,那么他输入n多个表单之后,那么他提交是时候,如果错误返回的时候,那么需要重新再输入表单内容.这样会影响用户体验,所以,使用form保存用户输入过的信息. 不友好的案例: 1.创建工程和app步骤省略 2.url默认 from crm import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$',views.index),#使用app为cr…

首先新建一个BBSProject项目,在建一个app,把app导入到项目中. 在项目BBSProject中的settings.py中, INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', '…

文章内容使用django-ckeditor 1)安装django-ckeditor pip install django-ckeditorpip install Pillow 2)在settings.py的INSTALLED_APPS里添加ckeditor和ckeditor_uploader两个应用 INSTALLED_APPS = ( ... 'ckeditor', 'ckeditor_uploader' ) 3)同时需要在settings.py里设置ckeditor的文件上传路径等配置: .…

环境准备:1.Python 2.7.*]2.pip3.sudo pip install django4.sudo aptitude show python-setuptools5.sudo aptitude install python-psycopg26.#Ckeditor已完全下线,故此条作废#Django-Ckedior的子安装项pillow依赖于gcc和python-dev7.pillow的依赖项PIL编译过程中缺乏jpeg support的解决办法:http://jj.isgeek.n…

1.系统环境,必要知识 #cat /etc/redhat-release CentOS Linux release (Core) #uname -r -.el7.x86_64 暂时关闭防护墙,关闭selinux: #systemctl stop firewalld.service #setenforce #getenforce Permissive 准备知识: django:一个基于python的开源web框架. uWSGI:一个基于自有的uwsgi协议,wsgi协议和http服务协议的web网…

三.Ajax操作 ajax操作基于浏览器的xmlHttpRequest对象,IE低版本是另外一个对象,jQuery 1 版本对那两个对象做了封装,兼容性最好,2 .3版本不再支持IE低版本了. Ajax操作,用来偷偷发请求. 参考博客: http://www.cnblogs.com/wupeiqi/articles/5703697.html 1.原生Ajax操作 XmlHttpRequest对象介绍 XmlHttpRequest对象的主要方法: void open(String method,S…

一.前言 富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器,这是百度百科的对富文本编辑器的解释.我们可以借助富文本编辑器,编辑出来一个包含html的页面,从而页面的显示效果,可以由网站管理员定义,而不用完全依赖于开发的人员.我之前使用的是一个叫tinymce的富文本编辑,它比较精简,功能不是很丰富.在使用了一段tinymce后,就转用了django-ckeditor,后来发现是真的好用,当然还有一个叫做Ueditor的编辑器,听说也还…

CKEditor 富文本即具备丰富样式格式的文本.在运营后台,运营人员需要录入课程的相关描述,可以是包含了HTML语法格式的字符串.为了快速简单的让用户能够在页面中编辑带格式的文本,我们引入富文本编辑器. 1. 安装 pip install django-ckeditor 2.在INSTALLED_APPS中添加 INSTALLED_APPS = [ ... 'ckeditor', # 富文本编辑器 'ckeditor_uploader', # 富文本编辑器上传图片模块 ... ] 3. 添加C…

Django之Form.ModelForm 组件 一.Form组件: django框架提供了一个form类,来处理web开发中的表单相关事项.众所周知,form最常做的是对用户输入的内容进行验证,为此django的forms类提供了全面的内容验证和保留用户上次输入数据的支持.  form组件有2大大功能 对用户提交的内容进行验证(from表单/Ajax) 保留用户上次输入的内容 1.对用户提交的数据进行验证 form组件验证的原理 1.obj=Form()form组件类实例化时找到类中所有的字段…

一.简介 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便.遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的控件.常见的富文本编辑器有ckeditor,ueditor,kindeditor,tinmce...       KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为…

安装django-ckeditor pip install django-ckeditor 安装Pillow Pillow是python的一个图像处理库,django-ckeditor需要依赖该库.最简单的安装方法,当然是使用pip,假设你装过pip,可以直接运行以下命令安装: pip install pillow 配置你的django 要使安装好的django-ckeditor生效,你需要对你的django应用进行一系列配置. 1.在你的settings.py文件中,将ckeditor.cke…

在这篇博客中,我们开始为我们的博客开发Blogs App和Users App相关的管理功能,以便每个用户都能管理自己的博客以及评论.目前,Users App的管理功能相对简单,主要功能为查看用户资料以及切换到博客管理页面,如下所示: 在点击了博客管理后,页面将跳转到管理页面,在此可进行对博客的各种管理: 我们的博客管理操作支持对博客的编辑.删除,对草稿的编辑.删除和对评论的删除操作,以及还没有开发的类别管理功能. 首先来添加用户管理功能.我们需要开发一个新页面userIndex来作为用户管理的主…

上一篇博客中介绍了Blogs App的部分后端功能的实现,在这篇博客中,将继续为大家介绍Blogs App中前端功能的实现. 首先来看发布博客功能的前端页面.在blogs/templates/blogs目录下建立名为addBlog.html的文件,作为我们的发布博客页面.addBlog.html内容如下: <!-- addBlog.html --> {% extends "blogTemplate.html" %} {% block content %} <div c…

这篇应该是2017年的最后一篇博客了,在这里首先祝大家元旦快乐! 从这篇博客开始,将会介绍Blogs App的功能实现,包括数据模型的建立.相关功能的视图函数的实现.前端页面的设计等,这意味着我们即将可以书写真正的博客了. 首先来建立我们的Blogs App,方法同建立Users App,即在manage.py目录下输入以下命令: python3 manage.py startapp blogs python3 manage.py startapp blogs 在建立了Blogs App后,我们…

在上一篇博文中,向大家介绍了Users App和Index的前端部分的实现,以及前端与Django的通信部分.至此,我们的博客已经具备一个简单的雏形,可以将其部署在本地的服务器上了.目前较为流行的web服务器有apache,nginx等等,我们这里选择uwsgi+nginx的方式进行部署. 在部署博客之前,我们首先来看看Django.uwsgi和nginx三者之间的关系.Django为Web框架,它用于处理客户浏览器发送给web服务器的各种Http请求,并返回相关页面:而uwsgi则是一种uWS…

 Awesome Django    If you find Awesome Django useful, please consider donating to help maintain it. Thank you! A curated list of awesome Django apps, projects and resources. Q: What is an awesome Django package? A: An awesome package is one that is m…