Django註意知識點（二）

Tinymce富文本 前臺和後臺的使用

　一，後臺 Admin

　　1. 於 settings.py 文件中修改 INSTALLED_APPS

　　2. 於 settings.py 文件中增添如下配置

1 # 富文本配置
2 TINYMCE_DEFAULT_CONFIG = {
3     'theme': 'advanced',
4     'width': 600,
5     'height': 400,
6 }

　　3. 於 工程目錄下的urls.py文件中增添如下路徑

1     re_path('^tinymce/', include(('tinymce.urls', 'tinymce'), namespace='tinymce')),  # 富文本

　　4. 於 App目錄下的 admin.py文件 中 進行如下操作

1 from tinymce.models import HTMLField
2 
3 # 某一模型中的介紹文本輸入
4     content = HTMLField(verbose_name="主要介紹")

 　　5. 大公完成

 二，前臺 Templates

 　　1. 於 父模板 或 所在模板中增添

1 <script src="{% static 'tiny_mce/tiny_mce.js'%}"></script>
2 <script>
3     tinyMCE.init({
4         'mode':'textareas',
5         'theme': 'advanced',
6         'width': 850,
7         'height': 300,
8 })
9 </script>

　　2. 下麵所以的 textareas 就顯示為 富文本 樣式了

1         <div> <label for="content">主要介紹</label> <textarea name="content" id="content" cols="30" rows="10"></textarea></div>

補充：註意點

 　　有的 教程 說要 從 下載的 python 環境中 找到 tiny_mce.js 或 tiny_mce_src.js 放到 靜態目錄下再引用，但是很大幾率不對，顯示不出來

　　　　django 自帶的 富文本 直接引用 /static/tiny_mce/tiny_mce.js 即可，不用管是否自己創建的靜態目錄下是否能看見的說