Django內(nèi)容增加富文本功能的實(shí)例
缺少富文本,形式過(guò)于單一,不便于瀏覽與閱讀。
一種可行的方法記錄如下:
1-下載第三方富文本KindEditor,連接http://kindeditor.net/down.php或者baidu。
2-解壓到Django項(xiàng)目下的static/js下,如圖所示:
默認(rèn)沒(méi)有config.js,需要自行建立config.js,其中內(nèi)容可參照KindEditor官網(wǎng)或以下代碼:
KindEditor.ready(function(K) { K.create('textarea',{ width:700, height:200, }); }); #注意textarea的參照,width,height分別對(duì)文本框?qū)挾取⒏叨仍O(shè)置
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ū)增加了富文本編輯功能了,如果沒(méi)有需要對(duì)照上述步驟仔細(xì)檢查下,不熟練的情況下copy代碼不要修改
5-最后我這邊遇到了一個(gè)小坑,增加了格式的頁(yè)面在瀏覽時(shí)顯示了html語(yǔ)法,需要關(guān)閉html轉(zhuǎn)義,
方法是在模板中修改:
將{{ article.content }}修改為
{{ article.content|safe }},另一種方法是:
{% autoescape off %}
{{ article.content }}
{% endautoescape %}
修改后:
6-文件上傳還需要設(shè)置路徑及相關(guān)配置,這個(gè)下一個(gè)記錄當(dāng)中說(shuō)明。
以上這篇Django內(nèi)容增加富文本功能的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Python報(bào)錯(cuò)ModuleNotFoundError: No module named&
在嘗試導(dǎo)入TensorBoard模塊時(shí),你可能會(huì)遇到ModuleNotFoundError: No module named 'tensorboard'的錯(cuò)誤,下面我們來(lái)分析這個(gè)問(wèn)題并提供解決方案,需要的朋友可以參考下2024-09-09用python登錄帶弱圖片驗(yàn)證碼的網(wǎng)站
這篇文章主要介紹了用python登錄帶弱圖片驗(yàn)證碼的網(wǎng)站方法,幫助大家更好的理解和學(xué)習(xí)使用python,感興趣的朋友可以了解下2021-03-03Python+Pygame實(shí)戰(zhàn)之俄羅斯方塊游戲的實(shí)現(xiàn)
俄羅斯方塊,作為是一款家喻戶曉的游戲,陪伴70、80甚至90后,度過(guò)無(wú)憂的兒時(shí)歲月,它上手簡(jiǎn)單能自由組合、拼接技巧也很多。本文就來(lái)用Python中的Pygame模塊實(shí)現(xiàn)這一經(jīng)典游戲,需要的可以參考一下2022-12-12Python實(shí)現(xiàn)比較撲克牌大小程序代碼示例
這篇文章主要介紹了Python實(shí)現(xiàn)比較撲克牌大小程序代碼示例,具有一定借鑒價(jià)值,需要的朋友可以了解下。2017-12-12python 操作sqlite數(shù)據(jù)庫(kù)的方法
sqlite的官網(wǎng) sqlite.org/index.html SQLite 作為一個(gè)SQL數(shù)據(jù)庫(kù)引擎,是由C語(yǔ)言實(shí)現(xiàn)的,又小又快,具有高可靠性且功能齊全。 作為嵌入式數(shù)據(jù)庫(kù),在移動(dòng)設(shè)備中使用非常廣泛且方便。本文講解如何使用python操作sqlite數(shù)據(jù)庫(kù)2021-06-06