溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Django原生的TextField并不友好，集成TinyMCE富文本編輯器
Django版本：1.11.5
TinyMCE版本：4.6.7
第一步：從官網下載TinyMCE
https://www.tinymce.com/download/
注意下載的是下面那個開發包，Dev Package。此包包含TinyMCE社區，開發工具和完整的源代碼。
第二步：把壓縮包內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富文本編輯器的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
