Django使用DjangoUeditor教程


文章目錄

1、將下在DjangoUeditor解壓
2、將解壓的文件夾復制到項目的根目錄中,這里使用的是虛擬環境
3、進入到DjangoUedior3-master文件下,執行離線安裝命令 python setup.py install
4、然后將DjangoUeditor3-master文件夾刪除,避免影響項目結構
5、執行pip list 查看是否安裝成功,如果目錄下有DjangoUeditor代表安裝成功
6、我們等於是安裝了一個子模塊,所以在settings.py的配置文件中,將子模塊的名稱注冊一下
7、在settings.py中配置圖片上傳路徑,在模塊文件最后添加就好
8、在根路由中配置圖片上傳的路由
9、在我們的models.py 中導入UEditorField字段屬性,該字段就是讓我們可以存儲,帶有格式的字符串
10、然后我們的字段使用該字段屬性,我這里是為文章的內容添加的
11、因為django的admin自己封裝了對象Ueditor的處理,所以到這里就可以使用富文本框了,這里是進入了后台管理系統,可以看見文本編輯已經是富文本框。
14、為我們自己編輯的頁面面添加富文本框,需要導入三個文件支持
15、因為我們編輯的文本帶有樣式,所以展示的時候需要將樣式展示出來,這里有兩個辦法。
16、在我們自己使用富文本的頁面中添加下面的內容,讓富文本框修飾我們的編輯框,這里使用的是id綁定,content指的是我們自己編輯框的id屬性值。
17、到這里就可以使用了。
18、最后附上UEditor的文檔,這里有更加詳細的使用方式:[鏈接](https://ueditor.baidu.com/website/onlinedemo.html)


 1、將下在DjangoUeditor解壓

 2、將解壓的文件夾復制到項目的根目錄中,這里使用的是虛擬環境

 3、進入到DjangoUedior3-master文件下,執行離線安裝命令 python setup.py install

 4、然后將DjangoUeditor3-master文件夾刪除,避免影響項目結構

 5、執行pip list 查看是否安裝成功,如果目錄下有DjangoUeditor代表安裝成功

 6、我們等於是安裝了一個子模塊,所以在settings.py的配置文件中,將子模塊的名稱注冊一下

 7、在settings.py中配置圖片上傳路徑,在模塊文件最后添加就好

 8、在根路由中配置圖片上傳的路由

 9、在我們的models.py 中導入UEditorField字段屬性,該字段就是讓我們可以存儲,帶有格式的字符串

 10、然后我們的字段使用該字段屬性,我這里是為文章的內容添加的

 11、因為django的admin自己封裝了對象Ueditor的處理,所以到這里就可以使用富文本框了,這里是進入了后台管理系統,可以看見文本編輯已經是富文本框。

 14、為我們自己編輯的頁面面添加富文本框,需要導入三個文件支持

 15、因為我們編輯的文本帶有樣式,所以展示的時候需要將樣式展示出來,這里有兩個辦法。

 16、在我們自己使用富文本的頁面中添加下面的內容,讓富文本框修飾我們的編輯框,這里使用的是id綁定,content指的是我們自己編輯框的id屬性值。

 17、到這里就可以使用了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM