Django之如何在admin页面下添加富文本编辑器

操作系统: Ubuntu14.04

IDE:pycharm

django_version:1.8

富文本编辑器：kindeditor

浏览器：chrome

第一步：从官网上下载点击打开链接

第二步：

 将解压过的文件夹放到js目录下面 

并且在kindeditor目录下添加一个config.js文件  如下图：

第三部 在config.js 中填写配置信息（其他的设置请参考文档）

KindEditor.ready(function(K) {
        K.create('textarea[name=detail]',{  
            width:800,
            height:200,
            uploadJson: '/admin/upload/kindeditor'
        });
});

其中第二行的 textarea[name=detail] 是因为我要添加富文本编辑器的地方(其他的能确定所要添加的地方的标签也可以， 比如说，我要在  这个位置放置一个富文本编辑器 那么 我就可以写  textarea[id=id_for_text]..)，可以用审查对应板块即可， 如下图：

第三步：

在admin.py中对应的modeladmin下面添加

class Media:
        js = (
            '/static/js/kindeditor-4.1.10/kindeditor.js',
            '/static/js/kindeditor-4.1.10/lang/zh_CN.js',
            '/static/js/kindeditor-4.1.10/config.js'
        )

保存之后在对应的admin添加页面下就会出现富文本编辑器了