神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

  • A+
所属分类:ptython全栈开发

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

Python学习交流643692991

什么是富文本编辑器

百度百科有详细介绍

KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

Django配置

1 、配置static静态资源

KindEditor是用JavaScript编写的,这属于static files,因此需要为Django设置static路径。 首先在工程目录下新建static文件夹,这里要注意的是千万不要在my_app/下创建static文件夹作为static文件存放的目录, 这会导致Django无法搜索到自己的static 文件。创建后好,在settings中配置static文件目录。添加以下代码

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

2 、下载

http://kindeditor.net/down.php

3 、解压并复制到项目目录下

4 、定义Media类并编辑kindeditor配置

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

config.js

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

5 、配置url

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

upload.py

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

测试

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

神级程序员在使用Django时写下的富文本编辑器及上传的详细介绍!

weinxin
我的微信公众号
爱真理,得永生!          爱在灵灵久博客,网罗天下,福利大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: