django中如何使用tinymce
2013-03-31 13:07
417 查看
tinymce是一种富文本编辑器,本文主要介绍如何在django中使用tinymce这个插件,包括在前台展示和在后台admin中显示
前台页面:
首先将tinymce这个文件夹copy到相应的js目录下,然后需要修改tinymce/jscripts/tiny_mce/plugins/advimage/image.htm这个页面,添加以下两个js文件,
<script type="text/javascript" src="/static/users_static/js/jquery1.4.2-min.js"></script>
<script type="text/javascript" src="/static/users_static/js/jquery.form.js"></script>
这个只是我的目录,你们可以自行修改,只要将jquery1.4.2-min.js和jquery.form.js添加进来就可以了.<此外要实现上传图片的功能的话,还需自己在这个htm中做些修改并敲点代码,如果不会或需要参考可以联系我呵呵呵>。另外需要做的工作就是在你所要实现富文本编辑器的页面做些修改,需要将
<script type="text/javascript" src="/static/users_static/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="/static/users_static/js/tinymce/textareas.js"></script>
这两个js文件加入到你所要展示的页面中,当然这个页面必须得有textarea这个文本框就可以了,可以将我实现的一个富文本编辑器展现给你们看看,z
后台显示:
直接的models.py所对应的类的**Admin(类名)中加入:
class Media:
js=(
'hp_static/js/tinymce/jscripts/tiny_mce/tiny_mce.js',
'hp_static/js/tinymce/textareas.js',
)
搞定Ok!!!
就写这么多了,如果要实现图片上传的功能的话,可以联系我哈,或者看大家的要求,要求多的话,我会贴出来哦呵呵呵,,,。。~~~
前台页面:
首先将tinymce这个文件夹copy到相应的js目录下,然后需要修改tinymce/jscripts/tiny_mce/plugins/advimage/image.htm这个页面,添加以下两个js文件,
<script type="text/javascript" src="/static/users_static/js/jquery1.4.2-min.js"></script>
<script type="text/javascript" src="/static/users_static/js/jquery.form.js"></script>
这个只是我的目录,你们可以自行修改,只要将jquery1.4.2-min.js和jquery.form.js添加进来就可以了.<此外要实现上传图片的功能的话,还需自己在这个htm中做些修改并敲点代码,如果不会或需要参考可以联系我呵呵呵>。另外需要做的工作就是在你所要实现富文本编辑器的页面做些修改,需要将
<script type="text/javascript" src="/static/users_static/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="/static/users_static/js/tinymce/textareas.js"></script>
这两个js文件加入到你所要展示的页面中,当然这个页面必须得有textarea这个文本框就可以了,可以将我实现的一个富文本编辑器展现给你们看看,z
后台显示:
直接的models.py所对应的类的**Admin(类名)中加入:
class Media:
js=(
'hp_static/js/tinymce/jscripts/tiny_mce/tiny_mce.js',
'hp_static/js/tinymce/textareas.js',
)
搞定Ok!!!
就写这么多了,如果要实现图片上传的功能的话,可以联系我哈,或者看大家的要求,要求多的话,我会贴出来哦呵呵呵,,,。。~~~
相关文章推荐
- Django(博客系统):文章内容使用django-ckeditor、文章简介使用django-tinymce
- 如何在django中使用mako模板系统
- 如何在Django中使用mongodb数据库?
- django中如何使用grappelli来美化后台网站
- Django中如何使用django-celery完成异步任务 (1)
- [Django模板系统]如何使用Django模板系统
- Yii 如何使用Swfupload和tinymce将多个上传图片插入到文章细节和步骤
- Django ORM框架的定时任务如何使用详解
- 如何正确使用 Django的User Model
- Django 1.6 最佳实践: 如何正确使用 CBVs (Class-based views)
- 如何在Django 1.0中使用静态文件地址
- 教你如何在Django 1.6中正确使用 Signal
- jango中如何使用django-celery完成异步任务 (1)
- Django ====> (转)Django如何使用request和response对象 Django结构及处理流程分析
- [译]如何使用 Docker 组件开发 Django 项目?
- Django中如何使用django-celery完成异步任务 (2)
- python-django如何在sae中使用自带ImageField和FileField -django-上善若水小站
- Django中如何使用django-celery完成异步任务2(转)
- django “如何”系列1:如何使用REMOTE_USER(远程用户)进行认证
- django 如何使用django自带的user做外键