Django使用DjangoUeditor教程
文章目录
1、将下在DjangoUeditor解压
2、将解压的文件夹复制到项目的根目录中,这里使用的是虚拟环境
3、进入到DjangoUedior3-master文件下,执行离线安装命令 python setup.py install
4、然后将DjangoUeditor3-master文件夹删除,避免影响项目结构
5、执行pip list 查看是否安装成功,如果目录下有DjangoUeditor代表安装成功
6、我们等于是安装了一个子模块,所以在settings.py的配置文件中,将子模块的名称注册一下
7、在settings.py中配置图片上传路径,在模块文件最后添加就好
8、在根路由中配置图片上传的路由
9、在我们的models.py 中导入UEditorField字段属性,该字段就是让我们可以存储,带有格式的字符串
10、然后我们的字段使用该字段属性,我这里是为文章的内容添加的
11、因为django的admin自己封装了对象Ueditor的处理,所以到这里就可以使用富文本框了,这里是进入了后台管理系统,可以看见文本编辑已经是富文本框。
14、为我们自己编辑的页面面添加富文本框,需要导入三个文件支持
15、因为我们编辑的文本带有样式,所以展示的时候需要将样式展示出来,这里有两个办法。
16、在我们自己使用富文本的页面中添加下面的内容,让富文本框修饰我们的编辑框,这里使用的是id绑定,content指的是我们自己编辑框的id属性值。
17、到这里就可以使用了。
18、最后附上UEditor的文档,这里有更加详细的使用方式:[链接](https://ueditor.baidu.com/website/onlinedemo.html)
1、将下在DjangoUeditor解压
2、将解压的文件夹复制到项目的根目录中,这里使用的是虚拟环境
3、进入到DjangoUedior3-master文件下,执行离线安装命令 python setup.py install
4、然后将DjangoUeditor3-master文件夹删除,避免影响项目结构
5、执行pip list 查看是否安装成功,如果目录下有DjangoUeditor代表安装成功
6、我们等于是安装了一个子模块,所以在settings.py的配置文件中,将子模块的名称注册一下
7、在settings.py中配置图片上传路径,在模块文件最后添加就好
8、在根路由中配置图片上传的路由
9、在我们的models.py 中导入UEditorField字段属性,该字段就是让我们可以存储,带有格式的字符串
10、然后我们的字段使用该字段属性,我这里是为文章的内容添加的
11、因为django的admin自己封装了对象Ueditor的处理,所以到这里就可以使用富文本框了,这里是进入了后台管理系统,可以看见文本编辑已经是富文本框。
14、为我们自己编辑的页面面添加富文本框,需要导入三个文件支持
15、因为我们编辑的文本带有样式,所以展示的时候需要将样式展示出来,这里有两个办法。
16、在我们自己使用富文本的页面中添加下面的内容,让富文本框修饰我们的编辑框,这里使用的是id绑定,content指的是我们自己编辑框的id属性值。
17、到这里就可以使用了。
最新文章
- [.net 面向对象程序设计进阶] (14) 缓存(Cache) (一) 认识缓存技术
- Genymotion无法下载OVA文件
- 【POJ 2318】TOYS 叉积
- hibernate[版本四]知识总结
- MVC中的Ajax(AjaxHelper)
- 【转】HTML-based script和URL-based script两种脚本录制方式
- 对于形式参数只能用final修饰符,其它任何修饰符都会引起编译器错误
- linux ping: unknown host www.baidu.com
- IDEA Maven项目的Mybatis逆向工程
- spring的事务操作(重点)
- Linux(以centos7为例)下自动挂载NTFS硬盘
- C#路径的八种相关操作,判断字符串是否为路径等
- php分享十八七:mysql基础
- php内存回收机制的学习
- 线程属性API
- opencv+vs2012环境搭建教程
- 41.oracle索引,分析索引,索引碎片整理
- VMware - "Determining IP Information for eth0...Failed
- C# OPC UA服务器 OPC UA网关 三菱 西门子 欧姆龙 Modbus转OPC UA 服务器 可配置的OPC UA服务器网关 HslSharp软件文档
- CF 1006C Three Parts of the Array【双指针/前缀和/后缀和/二分】