Django Admin 使用 TinyMCE 富文本编辑器

http://sleepycat.org/blog/tag-django/25

•Django

•2013-12-02 09:54

试来试去，还是 TinyMCE 最适合。但不使用集成的 django-tinymce，那个版本似乎是更适用于做前台留言版之类。直接下载官网的 TinyMCE 自己配置。

1. 官网下载最新版 (目前为 4.0.11)

http://www.tinymce.com/download/download.php

2. 解压到 /static/ 目录中使用。

将 tinymce 目录(包含 tinymce.min.js 文件及 theme、plugins 等子目录) 复制到 /static/ 目录中。使可通过过 /static/tinymce/tinymce.min.js 的方式访问。

3. 覆盖 admin 的 template

在项目的根目录中创建 templates/admin/ 目录，并将 django/contrib/admin/templates/admin/base_site.html 文件复制到此目录中。

4. 修改 templates/admin/base_site.html

编辑 templates/admin/base_site.html, 在其 {% block branding %} 中添加如下内容：

注1：详细参数参考：http://www.tinymce.com/tryit/full.php 及 http://www.tinymce.com/wiki.php/Configuration

注2：content_css 选项，为编辑器显示所用的 css，自主配置。非常有用。

注3：plugins 选项中，不要使用注1参考页面中的 moxiemanager，此插件似乎是收费的，发布时可能会导致整个工具无法显示。

5. 添加 TEMPLATE_DIRS 

编辑 settings.py，添加:

TEMPLATE_DIRS = (
 os.path.join(BASE_DIR, "templates/"),
)

现在 Admin 中的所有 textarea 皆可通过 TinyMCE 编辑。

6. 版本信息

Django 1.6/TinyMCE 4.0.11/Python 2.7