site inf view eat get 分享 modelform base 自己

稍微講一下DjangoUeditor的配置，因為之前去找配置的時候東拼西湊的，所以自己寫一下自己一步步配置的過程。首先我是再github上去下載下來，因為是當作第三方插件集成到xadmin中，所以不用pip安裝，直接和xadmin放一個目錄就ok了。

然後是在項目的設置裏面進行配置，在INSTALLED_APPS中申明DjangoUeditor的存在， 這兩步做完之後就找到xadmin的plugins目錄，在目錄下新建一個ueditor.py的文件，其中的代碼如下：

#!/usr/bin/env python
# -*- coding:utf-8 -*-

import xadmin
from xadmin.views import
 
 BaseAdminPlugin, CreateAdminView, ModelFormAdminView, UpdateAdminView
from DjangoUeditor.models import UEditorField
from DjangoUeditor.widgets import UEditorWidget
from django.conf import settings


class XadminUEditorWidget(UEditorWidget):
    def __init__(self,**kwargs):
        self.ueditor_options
 
=kwargs
        self.Media.js = None
        super(XadminUEditorWidget,self).__init__(kwargs)


class UeditorPlugin(BaseAdminPlugin):

    def get_field_style(self, attrs, db_field, style, **kwargs):
        if style == ‘ueditor‘:
            if isinstance(db_field, UEditorField):
                widget 
 
= db_field.formfield().widget
                param = {}
                param.update(widget.ueditor_settings)
                param.update(widget.attrs)
                return {‘widget‘: XadminUEditorWidget(**param)}
        return attrs

    def block_extrahead(self, context, nodes):
        js = ‘<script type="text/javascript" src="%s"></script>‘ % (settings.STATIC_URL + "ueditor/ueditor.config.js")         #自己的靜態目錄
        js += ‘<script type="text/javascript" src="%s"></script>‘ % (settings.STATIC_URL + "ueditor/ueditor.all.min.js")   #自己的靜態目錄
        nodes.append(js)


xadmin.site.register_plugin(UeditorPlugin, UpdateAdminView)
xadmin.site.register_plugin(UeditorPlugin, CreateAdminView)

然後在同一目錄下找到__init__.py文件，在插件中申明ueditor插件的存在： 這樣就將DjangoUeditor集成到xadmin當中了，接著就是使用的過程了，在模板中針對想要使用Ueditor編輯的字段，將其設置為UEditorField，然後進行相應的一些配置就可以了，其中包括了視頻上傳路徑配置，只要再upload_settings中申明就可以了：

content = UEditorField(verbose_name=‘內容‘, width=600, height=300, toolbars=‘full‘,
                           imagePath=‘guide/images/‘, filePath=‘‘, upload_settings={‘imageMaxSize‘: 1204000,
                            ‘videoPathFormat‘: "guide/videos/%(basename)s_%(datetime)s.%(extname)s"}, default=‘‘)  

後再該app目錄的adminx.py文件中對相應字段進行申明：

class GuideWordAdmin(object):
    style_fields = {‘content‘: ‘ueditor‘}

xadmin.site.register(GuideWord, GuideWordAdmin)

打開後臺，登陸之後就可以使用富文本編輯器了。 關於上傳路徑的配置，如果希望在上傳的圖片或視頻之前加入前綴，可以在項目的setting中進行配置，比如我想直接拿資源，但是上傳路徑是不帶有前綴的，所以資源只有一個文件路徑，而不是一個可直接使用的URL資源，加上前綴之後只要文件路徑是正確的，你就可以在自己的服務器下面直接輸入域名查看相應文件了：

UEDITOR_SETTINGS = {
    ‘config‘: {

    },
    ‘upload‘: {
        "imageUrlPrefix": "http://127.0.0.1:8000",
        "videoUrlPrefix": "http://127.0.0.1:8000",
        "fileUrlPrefix": "http://127.0.0.1:8000",
    }
}

xadmin集成DjangoUeditor，以及編輯器的視頻路徑配置