1.安装DjangoUeditor包
pip install DjangoUeditor
2.settings.py加入DjangoUeditor
INSTALLED_APPS = [
....
'DjangoUeditor',
]
3.配置项目urls.py
urlpatterns = [
...
# 富文本相关url
url(r'^ueditor/',include('DjangoUeditor.urls' )),
]
4.在app中的models.py把字段类型改为UEditorField
from DjangoUeditor.models import UEditorField
class Course(models.Model):
...
detail = UEditorField(verbose_name=u"详情", width=600, height=300, imagePath="courses/ueditor/",filePath="courses/ueditor/",default="")
5.在xadmin的插件管理包plugins文件中新建ueditor.py文件,然后在包的init中加入ueditor
## plugins/ueditor.py
# -*- 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)
## plugins/__init__.py
PLUGINS = (
...
'ueditor'
)
6.在app的adminx.py文件的相关admin类中添加style_fields
class CourseAdmin(object):
list_display = ['name', 'desc', 'detail']
search_fields = ['name', 'desc', 'detail',]
list_filter = ['name', 'desc', 'detail']
style_fields = {"detail": "ueditor"}
至此后台xadmin富文本配置完毕。
网友评论