Django在admin后台集成TinyMCE富文本编辑器的例子


Posted in Python onAugust 09, 2019

Django原生的TextField并不友好,集成TinyMCE富文本编辑器

Django版本:1.11.5

TinyMCE版本:4.6.7

第一步:从官网下载TinyMCE

https://www.tinymce.com/download/

注意下载的是下面那个开发包,Dev Package。此包包含TinyMCE社区,开发工具和完整的源代码。

第二步:把压缩包内tinymce目录内的所有文件和文件夹复制到Django项目中static目录内:

Django在admin后台集成TinyMCE富文本编辑器的例子

第三步:编辑 admin.py 文件:

from .models import Category, Tag, Blog, Comment  
 
class AdminFormTinyMCE(admin.ModelAdmin):
 class Media:
  js=(
   "//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后台显示并编辑,就导入。

Django在admin后台集成TinyMCE富文本编辑器的例子

第三步:在 static/js/tinymce 文件夹中新建 textareas.js 文件:

加入如下代码:

注:这里只是简单的样式,具体的需要的插件或其他功能都从这里配置

tinymce.init({
 selector: "textarea",
 theme : "modern",
});

重新运行Django,已经可以在后台看到TinyMCE富文本编辑器了:

Django在admin后台集成TinyMCE富文本编辑器的例子

以上这篇Django在admin后台集成TinyMCE富文本编辑器的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
详解Python中的条件判断语句
May 14 Python
Python max内置函数详细介绍
Nov 17 Python
使用Python进行QQ批量登录的实例代码
Jun 11 Python
Django开发中的日志输出的方法
Jul 02 Python
numpy数组广播的机制
Jul 12 Python
django 单表操作实例详解
Jul 30 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
Aug 17 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
Aug 27 Python
python内置模块collections知识点总结
Dec 19 Python
使用Python实现牛顿法求极值
Feb 10 Python
浅谈pytorch中的dropout的概率p
May 27 Python
Python实现socket库网络通信套接字
Jun 04 Python
python实现京东订单推送到测试环境,提供便利操作示例
Aug 09 #Python
利用ImageAI库只需几行python代码实现目标检测
Aug 09 #Python
python操作excel让工作自动化
Aug 09 #Python
python笔记_将循环内容在一行输出的方法
Aug 08 #Python
python中的列表与元组的使用
Aug 08 #Python
详解python中的数据类型和控制流
Aug 08 #Python
python爬虫selenium和phantomJs使用方法解析
Aug 08 #Python
You might like
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
php中去除所有js,html,css代码
2010/10/12 PHP
PHP session有效期session.gc_maxlifetime
2011/04/20 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php三元运算符知识汇总
2015/07/02 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
清除浏览器缓存的几种方法总结(必看)
2016/12/09 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
详解Python字符串对象的实现
2015/12/24 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
python实现最速下降法
2020/03/24 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
2015/04/24 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
办理收楼委托书范本
2014/10/09 职场文书
文明旅游倡议书
2015/04/28 职场文书
刑事辩护词范文
2015/05/21 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书