django admin富文本编辑kindeditor

最近在做django项目,需要在后台管理系统加入富文本编辑

其实加入富文本编辑很简单,就是导入几个编辑器的js脚本到admin页面内,下面说说怎么做

第一步,下载想要的富文本编辑器如kindeditor

地址的话自己找一下

第二步,把编辑器的文件放在static静态文件夹内,记得要在settings里面设置好静态文件

第三步,最重要的一步,导入到admin页面。在要导入的app的admin.py文件中需要导入的admin类中加入以下代码,位置根据自己的改变下

class Media:
        js = (
            '/static/js/editor/kindeditor/kindeditor-all.js',
            '/static/js/editor/kindeditor/lang/zh-CN.js',
            '/static/js/editor/kindeditor/config.js',
        )

config.js如下

//config.js
KindEditor.ready(function(K) {
    //通过浏览器调试查看富文本相关信息,如id,name
    window.editor = K.create('textarea[name=content]',{

        // 指定大小
        width:'800px',
        height:'200px',
    });
});

这样就完成了,如果刷新之后没有,有可能是你注册的时候没有注册进去

admin.site.register(Blog, BlogAdmin)#第一个是model第二个是admin类
posted @ 2017-10-02 10:35  菲菲菲菲菲常新的新手  阅读(520)  评论(0编辑  收藏  举报