落落 落就是一道风景线……

django 添加 TinyMCE编辑器(包括admin后台)

07.26.2010 · Posted in Python

无论是否使用django开发的项目,我们往往需要添加一个在线编辑器。这里来简单的介绍下django中使用TinyMCE在线编辑器的方法,在其他程序中使用或者使用其他编辑器也可作参考。

1、首先,到 http://tinymce.moxiecode.com/ 官方主页去下载最新版本;

2、不出意外的话,你下载的将是一个压缩包,解压并将它放到指定目录(我这里是放在django项目目录中的static);

3、在ting_mce目录中新建textareas.js文件,内容参考http://tinymce.moxiecode.com/examples/full.php,请注意仅需用到第3~33行到;

4、在django项目的settings.py中添加 STATIC_PATH = './static', 并在urls.py的urlpatterns加入

(r'^static/(?P<path>.*),'django.views.static.serve',{'document_root':settings.STATIC_PATH}),  #注意别掉了这里的逗号

5、在前台模板页面<head></head>之间加入

<script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="/static/tiny_mce/textareas.js"></script>

admin后台,在Python26/Lib/site-packages/django/contrib/admin/templates/admin目录中的base.html 同样加入上面2行代码。

6、前台界面以及admin后台管理处<textarea ></textarea>标签自动添加有TinyMCE编辑器。

*如非django 项目,在第3步之后在需要的页面引入tiny_mce.js、textareas.js即可。

Tags:

3 Responses to “django 添加 TinyMCE编辑器(包括admin后台)”

  1. 还没接触过这个编辑器
    先学习下再说

  2. 为什么我用的时候 老是 出现 Load jQuery first。 这是为毛 你知道不?

Leave a Reply