django admin富文本編輯kindeditor
阿新 • • 發佈:2017-10-02
瀏覽器 fig lan 代碼 model mod eat reg 文本編輯器
最近在做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