xadmin 插件開發

xadmin 插件開發


互文本編輯器，UEditor   在github上面搜索djangoueditor,經行安裝下載 
插件官方文檔 網址：http://xadmin.readthedocs.io/en/docs-chinese/plugins.html#
安裝流程：
1. pip install DjangoUeditor
2.settings.py 中加入DjangoUeditor

3.在adminx.py文件里面，courseAdmin類里面加入

def save_models(self):
    obj = self.new_obj
    obj.save()
    if obj.course_org is not None:
        course_org = obj.course_org
        course_org.course_nums = Courses.objects.filter(course_org=course_org).count()
        course_org.save()

4.在models里面填入
from DjangoUeditor.models import UEdiitorField 
修改該類中的字段內容

detail = UEditorField(verbose_name=u'課程詳情',width=600, height=300, imagePath="courser/ueditor/", filePath="courser/ueditor/", default='')

3.url(r'ueditor/',include('DjangoUeditor.urls'))
在經行這一步時，會報錯，需要修改源碼
修改DjangoUeditor\urls.py文件中的，

第4行  將from django.conf.urls import patterns, url 改為  from django.conf.urls import url, include

第10行 將

urlpatterns = patterns('',

    url(r'^controller/$',get_ueditor_controller)
)

改為：

urlpatterns = [
    url(r'^controller/$',get_ueditor_controller),
]

在需要修改的app里面的models里面的需要添加ueditor的字段修改為以下字段
4.detai = UEditorField()

5.在\extra_apps\xadmin\plugins下，添加一個文件 ueditor.py
在文件里面填寫

# coding=utf-8
import xadmin
from django.db.models import TextField
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(selfself,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)

6.在adminx.py 中，在該類下面添加

style_fields = {"detail":"ueditor"}

7.在\extra_apps\xadmin\plugins下的__init__.py文件中，將'ueditor'其添加在后面

8.在前端頁面里面 {% autoescape off %}    {% endautoescape %}