xadmin 插件开发

xadmin 插件开发

互文本编辑器,UEditor   在github上面搜索djangoueditor,经行安装下载 插件官方文档 网址:http://xadmin.readthedocs.io/en/docs-chinese/plugins.html#安装流程:1. pip install DjangoUeditor2.settings.py 中加入DjangoUeditor
3.在adminx.py文件里面,courseAdmin类里面加入
def save_models(self):    obj = self.new_obj    obj.save()    if obj.course_org is not None:        course_org = obj.course_org        course_org.course_nums = Courses.objects.filter(course_org=course_org).count()        course_org.save()
4.在models里面填入from DjangoUeditor.models import UEdiitorField 修改该类中的字段内容
detail = UEditorField(verbose_name=u‘课程详情‘,width=600, height=300, imagePath="courser/ueditor/", filePath="courser/ueditor/", default=‘‘)
3.url(r‘ueditor/‘,include(‘DjangoUeditor.urls‘))在经行这一步时,会报错,需要修改源码修改DjangoUeditor\urls.py文件中的,
第4行  将from django.conf.urls import patterns, url 改为  from django.conf.urls import url, include
第10行 将

urlpatterns = patterns(‘‘,
    url(r‘^controller/$‘,get_ueditor_controller))
改为:
urlpatterns = [    url(r‘^controller/$‘,get_ueditor_controller),]
在需要修改的app里面的models里面的需要添加ueditor的字段修改为以下字段4.detai = UEditorField()

5.在\extra_apps\xadmin\plugins下,添加一个文件 ueditor.py在文件里面填写
# coding=utf-8import xadminfrom django.db.models import TextFieldfrom xadmin.views import BaseAdminPlugin,CreateAdminView,ModelFormAdminView,UpdateAdminViewfrom DjangoUeditor.models import UEditorFieldfrom DjangoUeditor.widgets import UEditorWidgetfrom 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(selfself,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)
6.在adminx.py 中,在该类下面添加
style_fields = {"detail":"ueditor"}
7.在\extra_apps\xadmin\plugins下的__init__.py文件中,将‘ueditor‘其添加在后面
8.在前端页面里面 {% autoescape off %}    {% endautoescape %}
时间: 2024-10-18 07:28:50

xadmin 插件开发的相关文章

xadmin 自定义模板

自定义xadmin模板添加到后台页面 将下载的xadmin放在我们的项目根目录下面 在每个app里面添加一个adminx.py 文件 在xadmin文件里面进行操作 给你需要的表添加显示在后台里面,编写实例化类 list_display = ['','',''] seacher_fields = [] list_fieldter = [] ordering = [] exclude = [] readonly_fields = [] inlines = [] list_editable =[] 

掌握jQuery插件开发

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件

动手试试Android Studio插件开发

由于业务关系,经常需要写一些表单页面,基本也就是简单的增删改查然后上传,做过几个页面之后就有点想偷懒了,这么低水平重复性的体力劳动,能不能用什么办法自动生成呢,查阅相关资料,发现android studio插件正好可以满足需求,在Github上搜了一下,找到BorePlugin这个帮助自动生成布局代码的插件挺不错的,在此基础上修改为符合自己需求的插件,整体效果还不错. 发现了android studio插件的魅力,自己也总结一下,也给小伙伴们提供一点参考,今天就以实现自动生成findviewby

cordova 插件开发

从事基于cordova开发混合APP也快一年了,一直没有自己"亲自操刀"写一个插件,因为网上插件太丰富了,可耻了. 今天完整的记录一次插件开发. cordova环境6.4.0 第一步安装:plugman npm install -g plugman 第二步:创建插件 plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path

Eclipse插件开发 学习笔记 PDF 第一篇到第四篇 免分下载 开发基础 核心技术 高级进阶 综合实例

<<Eclipse插件开发 学习笔记>>,本书由浅入深.有重点.有针对性地介绍了Eclipse插件开发技术,全书分为4篇共24章.第一篇介绍Eclipse平台界面开发的基础知识.包含SWT控件的使用.界面布局.事件处理等内容:第二篇是插件开发核心技术,主要介绍插件开发的核心知识要点,包含行为(Action).视图(ViewPart).编辑器(Editor).透视图(Perspective)等10章的内容.第三篇主要讲述插件开发的高级内容,包含开发高级内容.富client平台技术(R

自动化监控系统(三) 搭建xadmin做网站后台

Django有个自带的admin后台,不过界面不怎么好看,这里我用xadmin 我的python版本是3.5,可以使用支持py3的xadmin:https://github.com/sshwsfc/xadmin xadmin部署步骤: 1.把xadmin整个目录拷贝到项目里面 2.需要安装的依赖包: django~=1.9.0django-crispy-forms~=1.6.0django-reversion~=2.0.0django-formtools==1.0future==0.15.2ht

Vue插件开发入门

相对组件来说,Vue 的插件开发受到的关注要少一点.但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能. 大家一般习惯直接调用现成的插件,比如官方推荐的 vue-router.vue-touch 等. 下面就看一下 Vue 的插件开发如何入门. 首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的描述. Vue 的插件必须提供一个公开方法 install,该方法会在你使用该插件,也就是 Vue.use(yourPlugin) 时被调用,相当于是一个插件的注册或者声明.

jQuery插件开发(一):jQuery类方法

一.jQuery插件开发的方法 jQuery插件的编写方法主要有两种: 1.基于jQuery对象的插件 2.基于jQuery类的插件 二.基于jQuery类的插件 1.什么是jQuery类的插件? jQuery类方法其实就是jquery全局函数,即jquery对象的方法,实际上就是位于jquery命名空间的内部函数.这些函数有一个特征就是不操作DOM元素,而是操作 Javascript非元素对象.直观的理解就是给jquery类添加类方法,可以理解为添加静态方法 2.给jQuery类添加方法. /

jQuery插件开发全解析

jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法.下面就两种函数的开发做详细的说明. 1.类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法.典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中.关于类级别的插件开发可以采用如下几种