码迷,mamicode.com
首页 > 其他好文 > 详细

django admin富文本编辑kindeditor

时间:2017-10-02 10:56:46      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:信息   文件   系统   textarea   name   第一个   editor   静态   一个   

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

标签:信息   文件   系统   textarea   name   第一个   editor   静态   一个   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!