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

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

所以建議將源碼包下載下來，並直接放在項目下的extra_apps中，以下所示：

 

 

本文的開發環境以下：

 

一、將djangoueditor添加到setting.py中

 

二、添加url

將URL添加到urlpatterns中去：

 

三、修改model

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

 

四、xadmin中添加插件ueditor

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

 

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

六、將ueditor添加到adminx.py中

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

 

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

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

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