1. 程式人生 > >Django富文字編輯器DjangoUeditor使用及操作

Django富文字編輯器DjangoUeditor使用及操作

將下載好的富文字編輯器拷貝到對應的第三方apps_extra資料夾中

 在setting註冊app中

接下來就是在urls.py檔案中配置富文字編輯器的

urlpatterns = [
"""
    url(r'^ueditor/',include('DjangoUeditor.urls' )),
"""
]

接下來就是在對應的models的欄位中加入富文字編輯器

class Goods(models.Model):
"""
    goods_desc=UEditorField(u'內容',default='',width=1000,height=300,imagePath='goods/images/',filePath='goods/files/')
#設定後臺顯示的富文字編輯器的寬高,以及圖片,檔案儲存目錄
"""

 注意在adminx.py檔案中還需要加入

class GoodsAdmin(object):
"""
    style_fields={'goods_desc':'ueditor'}
#加上了圖片才能顯示出來
"""
xadmin.site.register(Goods,GoodsAdmin)

接下來我們就能在xadmin後臺中看到,效果還是很酷的