django 添加富文本编辑器

添加富文本编辑器可以方便用户写入文字,对文字进行修改,添加图片 视频等等,可以让你编辑的内容更加丰富

在进行网页中添加富文本编辑器,先下载一个编辑器软件,我用的是UEditor百度富文本编辑器,

点击打开链接   http://ueditor.baidu.com/website/

先创建一个HTML文件,tempalstes/blog/upload.html


在以上创建的文件里编辑代码,以前我们的编码方式是字符,提交方式也是字符,现在添加富文本编辑器后可以填写大量的文字图片,要改变提交方式,enctype="multipart/form-data" 编码方式为复合形式的数据


在static文件中添加一个文件来放下载好的富文本编辑器文件,static/ue


点进进入static/ue/_examples/index.html文件用浏览器打开会看到很多演示


进入网页内容,选择一个演示点击查看源代码,要下图里的代码添加到下面要编辑的代码中


现在进入templates/blog/add.html文件里编辑,把上面的两句代码添加进去,要修改路径


在body里添加,修改


最后还要修改editor_api.js文件里的路径,static/ue/editor_api.js

改成:     baseURL='/static/ue/_src/';


运行程序,输入自己的路径http://127.0.0.1:8000/blog/publish















  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值