1.https://github.com/twz915/DjangoUeditor3下载包,进入包文件夹,找到DjangoUeditor包拷贝到项目下,和xadmin同级目录
2.找到项目的settings文件,注册app
3.找到项目urls文件,配置DjangoUeditor路由
4.找到app下的models,在需要使用富文本框的字段使用UEditorField,相关参数含义可参考文档:https://github.com/zhangfisher/DjangoUeditor
from DjangoUeditor.models import UEditorField
content=UEditorField(verbose_name='博客内容',width=700,height=400,toolbars=fullueditor/images/ueditor/files/imageMaxSizing':1024000},default='')
5.xadmin中添加插件ueditor
由于已经将xadmin源文件拷贝到了项目下,为extra_apps/xadmin,在xadmin下的plugin中新建一个ueditor.py文件,添加以下代码:
import xadmin from xadmin.views BaseAdminPlugin,CreateAdminView,ModelFormAdminView,UpdateAdminView UEditorField from DjangoUeditor.widgets UEditorWidget from django.conf settings class XadminUEditorWidget(UEditorWidget): def __init__(self,**kwargs): self.ueditor_options=kwargs self.Media.js = None super(XadminUEditorWidget,self).__init__(kwargs) UeditorPlugin(BaseAdminPlugin): def get_field_style(self,attrs,db_field,style,1)">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 += ueditor/ueditor.all.min.js自己的静态目录 nodes.append(js) xadmin.site.register_plugin(UeditorPlugin,UpdateAdminView) xadmin.site.register_plugin(UeditorPlugin,CreateAdminView)
6.将ueditor插件添加到plugins中的__init__.py的PLUGINS中
7.找到app下的adminx.py文件,配置插件
8.配置上传文件的加载路径
1.在settings里面配置
MEDIA_URL=/media/ MEDIA_ROOT=os.path.join(BASE_DIR,media) 在settings里面配置 from django.views.static serve 在urls里面配置 url(r^media/(?P<path>.*)$document_root":settings.MEDIA_ROOT},name=')
原文地址:https://www.cnblogs.com/zmdComeOn
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。