Django集合Ueditor

語言版本環境：python3.6

1、win安裝步驟：

git下載源碼https://github.com/zhangfisher/DjangoUeditor

解壓DjangoUeditor3-master.tar

cd C:\Users\fj\Desktop\DjangoUeditor3-master

python setup.py install?

官方建議使用pip install?DjangoUeditor?，但是我使用之后報錯。故自己下載安裝包，手動安裝。大家可以先按官方建議。報錯在進行手動安裝

2、settins.py配置

INSTALLED_APPS中加入'DjangoUeditor'

3、urls.py配置

urlpatterns中加入url(r'^ueditor/',include('DjangoUeditor.urls' )),

4、創建ueditor文件到plugins（xadmin后臺）

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)#新增頁面

5、model修改內容

from DjangoUeditor.models import UEditorField
class Course(models.Model):
    desc = models.CharField(max_length=300,verbose_name=u'課程描述')
    #imagePath  圖片存儲路徑
    detail = UEditorField(verbose_name = u'課程詳情', width=600, height=300,  imagePath="courses/ueditor/",
                          filePath="courses/ueditor/", default='')

?7、配置xadmin/plugins中的init文件(必須添加，否則無法生效)

?在PLUGINS里面添加'ueditor'

8、xadmin添加style_fields

from .models import Course
class CourseAdmin(object):
    list_display = ['name', 'desc', 'detail', 'degree','learn_times','studens','click_num','get_zj_nums','go_to']#后臺顯示哪些列
    search_fields = ['name', 'desc', 'detail', 'degree','studens']# 搜索，搜索中不能添加時間比較麻煩，放在過濾里面
    list_filter = ['name', 'desc', 'detail', 'degree','learn_times','studens']#過濾
    ordering = ('-click_num',)#顯示排序
    readonly_fields = ['click_num']#只讀 后臺不可編輯
    exclude = ['fav_numbers']#隱藏字段  此字段與readonly_fields互斥
    inlines = [LessonInLine,CoursesResourceInLine]
    list_editable = ['degree','desc']#在后臺列表頁面有哪些字段可以修改
    refresh_times = [3,5] #對列表頁定時刷新,3和5分別代表秒
    style_fields = {"detail":"ueditor"}#指明某個字段要使用ueditor
xadmin.site.register(Course,CourseAdmin)

9、前端頁面調用

{% autoescape off %}#關閉轉義

2 {{ course.detail }}

{% endautoescape %}?

?