django學習——xadmin中集成富文本編輯器ueditor

對於xadmin和djangoueditor 的安裝,本人建議直接集成在pycharm中,而不是裝在虛擬環境中。由於xadmin中若是須要集成插件的話,須要對其進行添加;而djangoueditor採用pip安裝的話,只能用在Python2版本中。html

所以建議將源碼包下載下來,並直接放在項目下的extra_apps中,以下所示:前端

 

 

本文的開發環境以下:django

 

一、將djangoueditor添加到setting.py中app

 


二、添加urlurl

將URL添加到urlpatterns中去:插件

 


三、修改model3d

將模型中須要改成富文本添加的字段,通常爲TextField,改成以下:htm

 

四、xadmin中添加插件ueditorblog

因爲已經將xadmin源文件拷貝到了項目下,本文爲extra_apps/xadmin,在xadmin下的plugin中新建一個ueditor.py文件,裏面寫入以下:ip

 

五、將ueditor添加到plugin下的_init_中

六、將ueditor添加到adminx.py中

關於style_fields,以下:style_fields = {}
指定 Field 的 Style, Style通常用來實現同一種類型的字段的不一樣效果,例如一樣是 radio button,有普通及inline兩種 Style。一般 xadmin 針對表單的插件會實現更多的 Field Style。您使用這些插件後,只要方便的將想要使用插件效果的字段設置成插件實現的 Style 便可。

 

七、在前端顯示的話,須要對html頁面修改以下

目的是爲了阻止字符的轉義

經過以上設置就能夠登陸後臺xadmin中,對內容進行富文本編輯,並顯示在前端頁面了,效果以下:

相關文章
相關標籤/搜索