Django Admin:添加富文本编辑器kindeditor

软件环境:Python 3.4.3+Django 1.8.4+KindEditor 4.1.7

1. kindeditor简介:

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

2.在Django Admin当中加入KindEditor

加入之后的效果如下,这比干巴巴的textarea好多了。

Django Admin:添加富文本编辑器kindeditor
为html的文本输入框添加KindEditor.png

现在的问题是怎么在admin后台管理当中的html页面加入JavaScript代码,答案就是在admin.py中的的管理类中添加class Media,引入js文件。创建kindeditor的,在kindeditor-4.1.7目录下创建出config.js文件。textarea的id登陆admin后,查看元素即可获取。

参考

  1. http://kindeditor.net/docs/usage.html
  2. http://kindeditor.net/docs/upload.html
  3. https://docs.djangoproject.com/en/1.8/howto/static-files/
  4. https://docs.djangoproject.com/en/1.8/topics/forms/media/

文章知识点与官方知识档案匹配,可进一步学习相关知识Python入门技能树Web应用开发 Django208934 人正在系统学习中

来源:一花一叶异世界

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2016年1月25日
下一篇 2016年1月25日

相关推荐