配置富文本编辑器

富文本编辑器

能够不单单插入文字，还能够插入图片，视频等

django-admin中添加富文本编辑器的几种方式：

一、使用第三方的一些库，如django-ckeditor

(https://pypi.python.org/pypi/django-ckeditor)

二、在admin中定义富文本编辑器的widget

三、经过定义ModelAdmin的媒体文件

 

步骤：

一、下载kindeditor

复制到static的js目录下

二、定义ModelAdmin的媒体文件

这个是在 admin当中进行配置的

class ArticleAdmin(admin.ModelAdmin):
exclude = ('title','desc','content')
    class Media:
js = (
            '/static/js/kindeditor-4.1.10/kindeditor-min.js',
            '/static/js/kindeditor-4.1.10/lang/zh_CN.js',
            '/static/js/kindeditor-4.1.10/config.js',

        )三、修改kindeditor的配置文件

也就是在config.js文件中新建一个对象

asp asp.net examples jsp php 这些文件能够删除

在KinderEditor的官方文档照到相应的配置

而后再 config.js当中进行配置

KindEditor.ready(function(K){

K.create('textarea[name=content]',{

width:800,

height:200,

});

});

Pillow是python的一个图像处理库，django-ckeditor须要依赖该库。最简单的安装方法，固然是使用pip，假设你装过pip，能够直接运行如下命令安装：

http://www.nanerbang.com/article/2/ 这里有比较全的资料关于富文本编辑器

 

 

富文本编辑器上传文件： 在blog下面新建一个models.py文件，直接找写好的代码

kindeditor图片上传返回数据格式说明：

# {"error": 1, "message": "出错信息"}
# {"error": 0, "url": "图片地址"}

配置url

from blog.upload im @csrf_exempt 这个装饰器的做用是 再也不作远程表单提交验证

port upload_image

url(r'^admin/upload/(?P<dir_name>[^/]+)$', upload_image, name='upload_image'),  

upload_image是upload.py里面的方法   

dir_name 是和upload_image里面的传入参数相对应的
在KendEditor设置上传路径，也就是先前设置富文本编辑器建立的config.js文件

uploadJson: '/admin/upload/kindeditor'

, 这个路径是先前在url已经定义好的，这里定义了在uplaod文件夹下面的kindeditor文件夹

dir_name = dir_name + '/%d/%d/' %(today.year,today.month)在uploads.py里面已经进行了定义了在kindeditor目录下的路径

 

来自为知笔记(Wiz)