django学习——xadmin中集成富文本编辑器ueditor

对于xadmin和djangoueditor 的安装，本人建议直接集成在pycharm中，而不是装在虚拟环境中。由于xadmin中若是须要集成插件的话，须要对其进行添加；而djangoueditor采用pip安装的话，只能用在Python2版本中。

所以建议将源码包下载下来，并直接放在项目下的extra_apps中，以下所示：

 

 

本文的开发环境以下：

 

一、将djangoueditor添加到setting.py中

 

二、添加url

将URL添加到urlpatterns中去：

 

三、修改model

将模型中须要改成富文本添加的字段，通常为TextField，改成以下：

 

四、xadmin中添加插件ueditor

因为已经将xadmin源文件拷贝到了项目下，本文为extra_apps/xadmin，在xadmin下的plugin中新建一个ueditor.py文件，里面写入以下：

 

五、将ueditor添加到plugin下的_init_中

六、将ueditor添加到adminx.py中

关于style_fields，以下：style_fields = {}
指定 Field 的 Style， Style通常用来实现同一种类型的字段的不一样效果，例如一样是 radio button，有普通及inline两种 Style。一般 xadmin 针对表单的插件会实现更多的 Field Style。您使用这些插件后，只要方便的将想要使用插件效果的字段设置成插件实现的 Style 便可。

 

七、在前端显示的话，须要对html页面修改以下

目的是为了阻止字符的转义

经过以上设置就能够登陆后台xadmin中，对内容进行富文本编辑，并显示在前端页面了，效果以下：