Django內(nèi)容增加富文本功能的實例
更新時間：2017年10月17日 09:06:28 作者：reaptem
下面小編就為大家?guī)硪黄狣jango內(nèi)容增加富文本功能的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
缺少富文本，形式過于單一，不便于瀏覽與閱讀。
一種可行的方法記錄如下：
1-下載第三方富文本KindEditor,連接http://kindeditor.net/down.php或者baidu。
2-解壓到Django項目下的static/js下，如圖所示：
默認沒有config.js,需要自行建立config.js,其中內(nèi)容可參照KindEditor官網(wǎng)或以下代碼：
KindEditor.ready(function(K) {
K.create('textarea',{
width:700,
height:200,
});
});
#注意textarea的參照，width,height分別對文本框?qū)挾取⒏叨仍O置
3-在你的admin.py中，需要增加富文本的類別代碼形式如下：
class ArticleAdmin(admin.ModelAdmin):
class Media:
js={
'/static/js/kindeditor/lang/zh-CN.js',
'/static/js/kindeditor/kindeditor-all-min.js',
'/static/js/kindeditor/config.js',
}
admin.site.register(Article, ArticleAdmin)
4-至此，刷新后就可以看到內(nèi)容區(qū)增加了富文本編輯功能了，如果沒有需要對照上述步驟仔細檢查下，不熟練的情況下copy代碼不要修改
5-最后我這邊遇到了一個小坑，增加了格式的頁面在瀏覽時顯示了html語法，需要關(guān)閉html轉(zhuǎn)義，
方法是在模板中修改：
將{{ article.content }}修改為
{{ article.content|safe }}，另一種方法是：
{% autoescape off %}
{{ article.content }}
{% endautoescape %}
修改后：
6-文件上傳還需要設置路徑及相關(guān)配置，這個下一個記錄當中說明。
以上這篇Django內(nèi)容增加富文本功能的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了在Django中使用Channels功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-08-08
這篇文章主要介紹了Python命令啟動Web服務器實例詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了Python getopt模塊處理命令行選項實例,本文講解相對簡單,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了Python編程之求數(shù)字平方的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-03-03
這篇文章主要為大家詳細介紹了Python如何實現(xiàn)簡易版停車管理系統(tǒng)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
這篇文章主要介紹了Python編寫簡單的HTML頁面合并腳本的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了分布式全文檢索引擎ElasticSearch原理及使用實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
vscode autopep8無法格式化python代碼問題解決
這篇文章主要為大家介紹了vscode autopep8無法格式化python代碼問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
今天小編就為大家分享一篇python實現(xiàn)任意位置文件分割的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-12-12
Python?Flask?實現(xiàn)?HTML?文件壓縮案例代碼(9?級壓縮)
這篇文章主要介紹了Python?Flask?實現(xiàn)?HTML?文件壓縮案例代碼(9?級壓縮),本案例是基于?Python?Flask?進行搭建，所以需要提前搭建一個?Flask?項目環(huán)境，有?app.py?文件和?templates/index.html?文件即可，需要的朋友可以參考下2023-01-01