django使用富文本应用DjangoUeditor

百般思念 提交于 2020-01-20 01:55:23

1.python3: https://github.com/twz915/DjangoUeditor3/ (直接下载zip)

   python2:https://github.com/zhangfisher/DjangoUeditor(直接下载zip)

2. 解压得到的文件夹为

3.把这个文件夹中的DjangoUeditor提取出来 

4,把DjangoUeditor当作我们项目的应用,并放到项目的根目录处

5,在setting加入DjangoUeditor应用,并且加入上传图片时的路径设置

6,在项目的url.py里面加入应用的路径和图片的上传的路径,如图中的红框:

7,到DjangoUeditor应用下 的form.py,修改引入方式,不然会报错,修改成如下红框

8,在mytest(也就是要用富文本编辑器的应用)的models.py里添加编辑字段

9,执行python3 manage.py makemigrations 和python3 manage.py migrate

10,在admin.py注册 

 

11,到后台添加一个数据

12,在视图函数里面引用编辑框和要显示的数据

13,在前端显示编辑框和要显示的数据

14,刷新网页,显示成功。

 

15,读写值:

获取纯文本:UE.getEditor('id_content').getPlainTxt()

获取原始值:UE.getEditor('id_content').getContent()

写入值:UE.getEditor('id_content').setContent("<h1>test</h1>")

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!