豌豆

环境

• django-1.11.8
• python2.7+

步骤

Install

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:

  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 }}

效果如图：