Django在admin后臺集成TinyMCE富文本編輯器的例子
Django原生的TextField并不友好,集成TinyMCE富文本編輯器
Django版本:1.11.5
TinyMCE版本:4.6.7
第一步:從官網下載TinyMCE
https://www.tinymce.com/download/
注意下載的是下面那個開發(fā)包,Dev Package。此包包含TinyMCE社區(qū),開發(fā)工具和完整的源代碼。
第二步:把壓縮包內tinymce目錄內的所有文件和文件夾復制到Django項目中static目錄內:
第三步:編輯 admin.py 文件:
from .models import Category, Tag, Blog, Comment class AdminFormTinyMCE(admin.ModelAdmin): class Media: js=( "http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js", "/static/js/tinymce/jquery.tinymce.min.js", "/static/js/tinymce/tinymce.min.js", "/static/js/tinymce/textareas.js", ) admin.site.register([Blog,Comment,Category,Tag], AdminFormTinyMCE)
注:Category, Tag, Blog, Comment是在model.py定義的模型,如果想要在admin后臺顯示并編輯,就導入。
第三步:在 static/js/tinymce 文件夾中新建 textareas.js 文件:
加入如下代碼:
注:這里只是簡單的樣式,具體的需要的插件或其他功能都從這里配置
tinymce.init({ selector: "textarea", theme : "modern", });
重新運行Django,已經可以在后臺看到TinyMCE富文本編輯器了:
以上這篇Django在admin后臺集成TinyMCE富文本編輯器的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
教你Pycharm安裝使用requests第三方庫的詳細教程
PyCharm安裝第三方庫是十分方便的,無需pip或其他工具,平臺就自帶了這個功能而且操作十分簡便,今天通過本文帶領大家學習Pycharm安裝使用requests第三方庫的詳細教程,感興趣的朋友一起看看吧2021-07-07局域網內python socket實現windows與linux間的消息傳送
這篇文章主要介紹了局域網內python socket實現windows與linux間的消息傳送的相關知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04django authenticate用戶身份認證的項目實踐
Django的contrib.auth模塊中的authenticate()函數用于對用戶的憑據進行身份驗證,本文就來介紹一下django authenticate用戶身份認證的使用,具有一定的參考價值,感興趣的可以了解一下2023-08-08tensorflow2.10使用BERT實現Semantic Similarity過程解析
這篇文章主要為大家介紹了tensorflow2.10使用BERT實現Semantic Similarity過程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04