django admin富文本编辑kindeditor

Posted 2020-10-09 菲菲菲菲菲常新的新手

最近在做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类