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中类的继承代码实例
Oct 28 Python
Python创建模块及模块导入的方法
May 27 Python
python实现网站的模拟登录
Jan 04 Python
简单总结Python中序列与字典的相同和不同之处
Jan 19 Python
python利用Opencv实现人脸识别功能
Apr 25 Python
基于python框架Scrapy爬取自己的博客内容过程详解
Aug 05 Python
python判断自身是否正在运行的方法
Aug 08 Python
python-numpy-指数分布实例详解
Dec 07 Python
不到20行实现Python代码即可制作精美证件照
Apr 24 Python
Python常用外部指令执行代码实例
Nov 05 Python
python3实现名片管理系统(控制台版)
Nov 29 Python
怎么用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清除bom示例
2014/03/03 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
破解Session cookie的方法
2006/07/28 Javascript
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python实现统计英文单词个数及字符串分割代码
2015/05/28 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
PySide和PyQt加载ui文件的两种方法
2019/02/27 Python
举例讲解Python常用模块
2019/03/08 Python
Django之路由层的实现
2019/09/09 Python
python numpy 反转 reverse示例
2019/12/04 Python
简单了解Python write writelines区别
2020/02/27 Python
python的json包位置及用法总结
2020/06/21 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
物流专业大学的自我评价
2014/01/11 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
房屋继承公证书
2014/04/10 职场文书
Pytorch中的数据集划分&正则化方法
2021/05/27 Python
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS