Django-- Tinymce在线编辑器的使用

在网站后台编辑博文，必须得使用一个富文本编辑器，不然就得手打html标签。django站点中使用tinymce编辑器的居多，使用方法网上很容易搜得到，因为我的这个站点是部署在webfaction主机空间上的，故本文把在本地测试环境与在webfaction发布环境下的使用方法一并记录一下，以供参考。

一、下载安装
下载地址：http://code.google.com/p/django-tinymce/downloads/list
windows环境里，选择一个版本下载后，python setup.py install 进行安装；
webfaction空间里（linux环境），则直接执行pip install django-tinymce进行下载安装。

二、放置文件
在本地环境：
解压下载的文件，将tinymce/static/tiny_mce文件夹放到your_project/static目录下；
将tinymce文件夹放到your_project目录下。
在webfaction环境里：
将tinymce/static/tiny_mce文件夹放到/home/username/webapps/your_static_app目录下；
将tinymce文件夹放到/home/username/webapps/your_django_app目录下（即与你的项目your_project同级）。

三、相关配置

1.配置url

在urls.py文件中加入：

url(r'^tinymce/',include('tinymce.urls')),

2.加入APP

在settings.py文件中加入：

INSTALLED_APPS = ('tinymce',)

3.设置JS相关路径

在开发环境，在settings.py文件中加入：

TINYMCE_JS_URL=MEIDA_URL+'/static/tiny_mce/tiny_mce_src.js'
TINYMCE_JS_ROOT=MEDIA_ROOT+'/static/tiny_mce/'

前提是MEDIA_URL='' MEDIA_ROOT=''

在webfaction环境，在settings.py文件中加入：

MEDIA_URL='http://doamin/static/'
MEDIA_ROOT='/home/username/webapps/static/'
TINYMCE_JS_URL=MEDIA_URL+'tiny_mce/tiny_mce_src.js'
TINYMCE_JS_ROOT=MEDIA_ROOT+'tiny_mce/'

4.设置全局变量，用来更改其显示样式，在settings.py文件中加入如下代码（例）：

TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced', 
'theme_advanced_toolbar_location' : 'top',
'theme_advanced_toolbar_align' : 'left', 
'width': 600,
'height': 400,
}

5.修改数据库模型相关字段，在models.py文件中修改代码如下，例：

在本地环境

from myblog.tinymce import models as tinymce_models
class Post(models.Model):
    body=tinymce_models.HTMLField()

在webfaction环境

from tinymce import models as tinymce_models
class Post(models.Model):
    body=tinymce_models.HTMLField()

?

至此完成。去你的django管理后台看看，相信能看到一个漂亮的富文本编辑器了，支持字号、字体、对齐方式、分段等基本的文本编辑功能，当然，为了让其变得更加强大，后面会介绍另外几个django第三方库的使用。