1,下載KindEditor
下載KindEditor,解壓後刪除那些沒用的ASP,ASP.NET,PHP,jsP,Examples文件復制到靜態目錄下。由於KindEditor是壹個JS文件編輯器,我們設置js/editor目錄,並將KindEditor代碼復制到這個目錄。就這樣,static/js/editor/kind editor-4.1.7。
2.在文本輸入欄的html中添加運行KindEditor對應的JavarScript,在官網的說明中可以看到。
3.將以下腳本添加到html頁面:
4.要創建kindeditor,在kindeditor-4.1.7目錄下創建config.js文件。登錄admin後,可以通過查看元素獲得textarea的id。
//config.js
KindEditor.ready(函數(K) {
window . editor = k . create(' # id _ content ',{
//指定大小
寬度:“800像素”,
高度:' 200像素',
});
});
#管理. py
來自django.contrib導入管理
從kindeditor.models導入文章
#在此註冊您的模特。
@admin.register(文章)
類ArticleAdmin(admin。ModelAdmin):
list_display = ('title ',)
課堂媒體:
#在管理後臺的HTML文件中添加js文件,每個路徑都會追加STATIC_URL/
js =(
' js/editor/kind editor-4.1.7/kind editor-all . js ',
' js/editor/kind editor-4.1.7/lang . zh _ cn . js ',
' js/editor/kind editor-4.1.7/config . js ',
)