第一步,下载kindeditor http://kindeditor.net/down.php
第二步,下载下来后放到静态文件static 下面的js下面,如图:
第三步,接着在admin 模块文章类下引入这富文本编辑器:
代码参考:
class ArticleAdmin(admin.ModelAdmin): list_display = ('title','desc','content','click_count','is_recommend','date_publish','user','category',) class Media: # 在管理后台的HTML文件中加入js文件, 每一个路径都会追加STATIC_URL/ js = ( 'js/kindeditor-4.1.10/kindeditor-all.js', 'js/kindeditor-4.1.10/lang/zh_CN.js', 'js/kindeditor-4.1.10/config.js', )# Register your models here.admin.site.register(User)admin.site.register(Tag)admin.site.register(Article,ArticleAdmin)admin.site.register(Category)admin.site.register(Comment)admin.site.register(Links)admin.site.register(Ad)第四部,接着添加一个文件名字为config.js 添加一些配置
代码参考:
//config.jsKindEditor.ready(function(K) { //通过浏览器调试查看富文本相关信息,如id,name window.editor = K.create('textarea[name=content]',{ // 指定大小 width:'800px', height:'200px', });});第五步,重新启动项目,浏览器查看即可
新闻热点
疑难解答