當前位置:成語大全網 - 書法字典 - 如何在Django後臺添加HTML編輯器

如何在Django後臺添加HTML編輯器

Django後臺添加HTML編輯器的方法:

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 ',

)