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 获取当前所在目录的方法详解
Aug 02 Python
python正则表达式re之compile函数解析
Oct 25 Python
Python用for循环实现九九乘法表
May 31 Python
pandas.DataFrame选取/排除特定行的方法
Jul 03 Python
python 读取文本文件的行数据,文件.splitlines()的方法
Jul 12 Python
Flask框架响应、调度方法和蓝图操作实例分析
Jul 24 Python
Python shelve模块实现解析
Aug 28 Python
Python3 Tkinkter + SQLite实现登录和注册界面
Nov 19 Python
将tensorflow.Variable中的某些元素取出组成一个新的矩阵示例
Jan 04 Python
Python无损压缩图片的示例代码
Aug 06 Python
plt.figure()参数使用详解及运行演示
Jan 08 Python
Python进行区间取值案例讲解
Aug 02 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
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
2012/10/11 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
JS路由跳转的简单实现代码
2017/09/21 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
python提取内容关键词的方法
2015/03/16 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
Rakuten Kobo台湾:电子书、eReaders和Reading应用程式
2017/11/24 全球购物
留学自荐信写作方法
2014/01/27 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
电子专业自荐信
2014/07/01 职场文书
小学科学教学计划
2015/01/21 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
英语演讲开场白
2015/05/29 职场文书
遗嘱范文
2015/08/07 职场文书
售房协议书范本
2015/08/11 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫