Django 集成 tinymce

Posted on 2018-04-04

环境

django-1.11.8
python2.7+

步骤

Install

1	pip install django-tinymce4-lite

setting

在项目的 setting.py 文件中，找到 INSTALLED_APPS 节点，添加 tinymce
在项目的 urls.py 中添加以下内容：

from django.conf.urls import url, include

urlpatterns = [
    …
    url(r'^tinymce/', include('tinymce.urls')),
    …
]

在项目的 setting.py 文件中，添加节点 TINYMCE_JS_URL, 指向 tinymce.min.js 文件。由于本机服务器资源有限，故使用了CDN:

1	TINYMCE_JS_URL = 'https://cdn.bootcss.com/tinymce/4.7.9/tinymce.min.js'

use

在表单中使用代码如下：

from django import forms
from tinymce.widgets import TinyMCE

class CreateArticle(forms.Form):
    …
    f_content = forms.CharField(widget=TinyMCE(attrs={'cols': 80, 'rows': 80}))

同时在模板中使用，需要在 head 中引入标签： {{ form.media }}

效果如图：

0%