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类

巴特西

django admin富文本编辑kindeditor

最新文章

热门文章