Django在admin后臺集成TinyMCE富文本編輯器的例子
Django原生的TextField并不友好,集成TinyMCE富文本編輯器
Django版本:1.11.5
TinyMCE版本:4.6.7
第一步:從官網(wǎng)下載TinyMCE
https://www.tinymce.com/download/
注意下載的是下面那個(gè)開發(fā)包,Dev Package。此包包含TinyMCE社區(qū),開發(fā)工具和完整的源代碼。
第二步:把壓縮包內(nèi)tinymce目錄內(nèi)的所有文件和文件夾復(fù)制到Django項(xiàng)目中static目錄內(nèi):
第三步:編輯 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后臺顯示并編輯,就導(dǎo)入。
第三步:在 static/js/tinymce 文件夾中新建 textareas.js 文件:
加入如下代碼:
注:這里只是簡單的樣式,具體的需要的插件或其他功能都從這里配置
tinymce.init({ selector: "textarea", theme : "modern", });
重新運(yùn)行Django,已經(jīng)可以在后臺看到TinyMCE富文本編輯器了:
以上這篇Django在admin后臺集成TinyMCE富文本編輯器的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
教你Pycharm安裝使用requests第三方庫的詳細(xì)教程
PyCharm安裝第三方庫是十分方便的,無需pip或其他工具,平臺就自帶了這個(gè)功能而且操作十分簡便,今天通過本文帶領(lǐng)大家學(xué)習(xí)Pycharm安裝使用requests第三方庫的詳細(xì)教程,感興趣的朋友一起看看吧2021-07-07python scp 批量同步文件的實(shí)現(xiàn)方法
今天小編就為大家分享一篇python scp 批量同步文件的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-01-01局域網(wǎng)內(nèi)python socket實(shí)現(xiàn)windows與linux間的消息傳送
這篇文章主要介紹了局域網(wǎng)內(nèi)python socket實(shí)現(xiàn)windows與linux間的消息傳送的相關(guān)知識,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04用Python簡單實(shí)現(xiàn)個(gè)貪吃蛇小游戲(保姆級教程)
本文基于Windows環(huán)境開發(fā),適合Python新手,文中有非常詳細(xì)的代碼示例,對正在學(xué)習(xí)python的小伙伴們很有幫助,需要的朋友可以參考下2021-06-06django authenticate用戶身份認(rèn)證的項(xiàng)目實(shí)踐
Django的contrib.auth模塊中的authenticate()函數(shù)用于對用戶的憑據(jù)進(jìn)行身份驗(yàn)證,本文就來介紹一下django authenticate用戶身份認(rèn)證的使用,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08tensorflow2.10使用BERT實(shí)現(xiàn)Semantic Similarity過程解析
這篇文章主要為大家介紹了tensorflow2.10使用BERT實(shí)現(xiàn)Semantic Similarity過程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04