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 %}#关闭转义

{{ course.detail }}

{% endautoescape %}