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 %}