1. 程式人生 > >django開發5_富文本編輯器

django開發5_富文本編輯器

編輯器 alt eight 百度一 定位 admin 文件路徑 讓其 百度一下

1、下載kindeditor,百度一下

2、把解壓後的文件放在js文件夾下,如

技術分享圖片

3、保存著幾個文件,其余在python用不到,刪除了

技術分享圖片

4、打開admin.py文件,文章模型進行配置,為文章內容添加一個富文本編輯框

技術分享圖片

5、以上的3個js文件路徑為剛復制進來的路徑。可根據自己路徑修改。

其中config.js文件沒有,可以創建一個,主要用來創建一個kindeditor

如下:

技術分享圖片

6、讓其找到文章內容,如下

如:我的文章內容在textarea標簽下,還有一個屬性為name=content

技術分享圖片

可以打開開發者工具,或者在谷歌下按住ctrl+shift+i打開,定位到文章內容位置,查看元素

技術分享圖片

7、添加後,再次打開,可以查看到富文本框已經添加成功

如下

技術分享圖片

ps:富文本編輯框的長高,可以再config.js中配置。

width:500,
height:200,

django開發5_富文本編輯器