豌豆

环境

• django-1.11.8
• python2.7+

步骤

Install

setting

• 在项目的 setting.py 文件中，找到 INSTALLED_APPS 节点， 添加 tinymce
• 在项目的 urls.py 中添加以下内容：
  
  from django.conf.urls import url, include urlpatterns = [ … url(r'^tinymce/', include('tinymce.urls')), … ]

  1 2 3 4 5 6 7

  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'

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

  1 2 3 4 5 6

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

效果如图：