缺少富文本,形式過于單一,不便于瀏覽與閱讀。
一種可行的方法記錄如下:
1-下載第三方富文本KindEditor,連接http://kindeditor.net/down.php或者baidu。
2-解壓到Django項目下的static/js下,如圖所示:

默認(rèn)沒有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(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ū)增加了富文本編輯功能了,如果沒有需要對照上述步驟仔細(xì)檢查下,不熟練的情況下copy代碼不要修改
5-最后我這邊遇到了一個小坑,增加了格式的頁面在瀏覽時顯示了html語法,需要關(guān)閉html轉(zhuǎn)義,
方法是在模板中修改:
將{{ article.content }}修改為
{{ article.content|safe }},另一種方法是:
{% autoescape off %}
{{ article.content }}
{% endautoescape %}

修改后:

6-文件上傳還需要設(shè)置路徑及相關(guān)配置,這個下一個記錄當(dāng)中說明。
以上這篇Django內(nèi)容增加富文本功能的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持VEVB武林網(wǎng)。
|
新聞熱點
疑難解答
圖片精選