如何在Django后台添加HTML编辑器
2016-06-14 · 百度知道合伙人官方认证企业
Django后台添加HTML编辑器的方法:
1、下载KindEditor
下载KindEditor, 解压后将那些没用的asp, asp.net, php, jsp, examples文件该删掉后拷贝到static目录下,由于KindEditor是js文件有事编辑器,所以就设置了js/editor目录,并将KindEditor代码拷贝到该目录下。就像这样子static/js/editor/kindeditor-4.1.7。
2、在文本输入域的html中添加运行KindEditor 相对应的JavarScript在官网的使用说明上可以看到。
3、在html页面加入以下脚本:
4、创建kindeditor的,在kindeditor-4.1.7目录下创建出config.js文件。textarea的id登陆admin后,查看元素即可获取。
//config.js
KindEditor.ready(function(K) {
window.editor = K.create('#id_content',{
// 指定大小
width:'800px',
height:'200px',
});
});
#admin.py
from django.contrib import admin
from kindeditor.models import Article
# Register your models here.
@admin.register(Article)
class ArticleAdmin(admin.ModelAdmin):
list_display = ('title',)
class Media:
# 在管理后台的HTML文件中加入js文件, 每一个路径都会追加STATIC_URL/
js = (
'js/editor/kindeditor-4.1.7/kindeditor-all.js',
'js/editor/kindeditor-4.1.7/lang.zh_CN.js',
'js/editor/kindeditor-4.1.7/config.js',
)