Django框架中tinymce富文本編輯器的使用

1. 安裝富文本模塊

pip install django-tinymce

 

2. Django項目中注冊添加配置.

Setting文件中應用注冊

'tinymce',

添加tinymce的基本設置.(高級-長600-寬-400)

TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 600,
    'height': 400,
}

 3. urls配置

添加tinymce配置

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

 

4.models中調用

# 導入模塊
from tinymce.models import HTMLFile

# 在模型類中調用
ricetext = HTMLFile(verbose_name='富文本')

 

之后生成遷移文件遷移, 並在admin模塊中注冊所需相關, 即可在后台使用富文本添加信息.

 

##  富文本在數據庫中存儲為HTML格式標簽, 使用時應注意轉義.

 

## 自定義使用富文本:

找到tinymce安裝目錄, 拷貝tiny_mce_src.js文件、langs文件夾以及themes文件夾,到項目中存放靜態js文件下, static/js/目錄下.

然后依次設置views, urls, 以及template, 即可使用.

模板調用相應js文件后, 創建富文本對象.

tinyMCE.init({
    'mode':'textareas', 
    'theme':'advanced',
    'width':400,
    'height':100
});

mode設置textareas為: 所有的textarea標簽轉化為富文本.

之后需要時寫入textarea標簽即可使用.