首页 > 其他 > 详细

django admin富文本编辑kindeditor

时间:2017-10-02 10:53:54      阅读:318      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/lgh344902118/p/7619778.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!