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操作RabbitMQ服务器实现消息队列的路由功能
Jun 29 Python
Python排序搜索基本算法之选择排序实例分析
Dec 09 Python
使用pycharm生成代码模板的实例
May 23 Python
python实现远程控制电脑
May 23 Python
python 实现将文件或文件夹用相对路径打包为 tar.gz 文件的方法
Jun 10 Python
numpy数组广播的机制
Jul 12 Python
Python流程控制 while循环实现解析
Sep 02 Python
django实现web接口 python3模拟Post请求方式
Nov 19 Python
Python图像处理库PIL的ImageDraw模块介绍详解
Feb 26 Python
200行python代码实现贪吃蛇游戏
Apr 24 Python
python 实现图片批量压缩的示例
Dec 18 Python
OpenCV-Python直方图均衡化实现图像去雾
Jun 07 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
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
浅谈重写window对象的方法
2014/12/29 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[01:13:17]Secret vs NB 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python中的文件和目录操作实现代码
2011/03/13 Python
wxPython框架类和面板类的使用实例
2014/09/28 Python
python查询sqlite数据表的方法
2015/05/08 Python
python执行子进程实现进程间通信的方法
2015/06/02 Python
Python时间获取及转换知识汇总
2017/01/11 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
python3对接mysql数据库实例详解
2019/04/30 Python
python异常处理try except过程解析
2020/02/03 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
Django 返回json数据的实现示例
2020/03/05 Python
什么是Python中的顺序表
2020/06/02 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
养殖人员的创业计划书范文
2013/12/26 职场文书
公司拓展活动方案
2014/02/13 职场文书
新书发布会策划方案
2014/06/09 职场文书
创优争先心得体会
2014/09/11 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
交通事故被告答辩状
2015/05/22 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
vue首次渲染全过程
2021/04/21 Vue.js
golang 实现两个结构体复制字段
2021/04/28 Golang
Go遍历struct,map,slice的实现
2021/06/13 Golang