zoukankan      html  css  js  c++  java
  • 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、到这里就可以使用了。

  • 相关阅读:
    hibernate一级缓存和二级缓存的区别
    springmvc中的controller是单例的
    Java 冒泡排序
    spring mvc做上传图片,文件小于10k就不生成临时文件了
    java程序生成二维码
    MySQL调优
    根据从redis缓存的数据查询出来,在从数据库中取出所有的数据,俩个数据进行比较,去掉重复,剩下库中新插入的数据,取出新数据,然后把redis中的缓存数据清空把从数据库中查出来的所有数据放到redis缓存中
    找出list中的不同元素、删除两个list中相同的对象
    PowerDesigner如何将消失的工具栏显示出来
    Oracle基础(九) Oracle的体系结构
  • 原文地址:https://www.cnblogs.com/hzjdpawn/p/11749741.html
Copyright © 2011-2022 走看看