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 相关文章推荐
简单的通用表达式求10乘阶示例
Mar 03 Python
Python 实现数据库更新脚本的生成方法
Jul 09 Python
利用python对Excel中的特定数据提取并写入新表的方法
Jun 14 Python
快速解决pandas.read_csv()乱码的问题
Jun 15 Python
浅谈python中拼接路径os.path.join斜杠的问题
Oct 23 Python
python利用thrift服务读取hbase数据的方法
Dec 27 Python
Python3enumrate和range对比及示例详解
Jul 13 Python
Python数据可视化:箱线图多种库画法
Nov 06 Python
Python 实现try重新执行
Dec 21 Python
详解opencv中画圆circle函数和椭圆ellipse函数
Dec 27 Python
Python操作dict时避免出现KeyError的几种解决方法
Sep 20 Python
opencv 分类白天与夜景视频的方法
Jun 05 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
apache rewrite_module模块使用教程
2008/01/10 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
根据分辩率调用不同的CSS.
2007/01/08 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
Prototype框架详解
2015/11/25 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
Python设计模式之中介模式简单示例
2018/01/09 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
Python列表切片常用操作实例解析
2020/03/10 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
泰国健康和美容服务预订网站:GoWabi
2019/06/03 全球购物
火车的故事教学反思
2014/02/11 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
南京导游词
2015/02/03 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python
mysql脏页是什么
2021/07/26 MySQL
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript