博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
django学习——xadmin中集成富文本编辑器ueditor
阅读量:5270 次
发布时间:2019-06-14

本文共 774 字,大约阅读时间需要 2 分钟。

对于xadmin和djangoueditor 的安装,本人建议直接集成在pycharm中,而不是装在虚拟环境中。因为xadmin中如果需要集成插件的话,需要对其进行添加;而djangoueditor采用pip安装的话,只能用在Python2版本中。

因此建议将源码包下载下来,并直接放在项目下的extra_apps中,如下所示:

 

 

本文的开发环境如下:

 

1、将djangoueditor添加到setting.py中

 

2、添加url

将URL添加到urlpatterns中去:

 

3、修改model

将模型中需要改为富文本添加的字段,一般为TextField,改为如下:

 

4、xadmin中添加插件ueditor

由于已经将xadmin源文件拷贝到了项目下,本文为extra_apps/xadmin,在xadmin下的plugin中新建一个ueditor.py文件,里面写入如下:

 

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

6、将ueditor添加到adminx.py中

关于style_fields,如下:style_fields = {}

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

 

7、在前端显示的话,需要对html页面修改如下

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

通过以上设置就可以登录后台xadmin中,对内容进行富文本编辑,并显示在前端页面了,效果如下:

 

转载于:https://www.cnblogs.com/zbllly/p/10268449.html

你可能感兴趣的文章
Oracle--通配符、Escape转义字符、模糊查询语句
查看>>
c# 文件笔记
查看>>
第一页 - 工具的使用(webstorm)
查看>>
Linux 进程资源用量监控和按用户设置进程限制
查看>>
D3.js 之 d3-shap 简介(转)
查看>>
制作满天星空
查看>>
类和结构
查看>>
CSS3选择器(二)之属性选择器
查看>>
adidas crazylight 2018 performance analysis review
查看>>
typeset shell 用法
查看>>
python 之 循环语句
查看>>
心得25--JDK新特性9-泛型1-加深介绍
查看>>
[转]ceph网络通信模块_以monitor模块为例
查看>>
HDOJ 1754 I Hate It(线段树基本操作)
查看>>
latex tree
查看>>
安装NVIDIA驱动时禁用自带nouveau驱动
查看>>
HDU-1255 覆盖的面积 (扫描线)
查看>>
css3学习01
查看>>
【USACO】 奶牛会展
查看>>
继承和多态
查看>>