Django在admin后台集成TinyMCE富文本编辑器的例子
作者:KurolZ 时间:2021-10-03 15:43:12
Django原生的TextField并不友好,集成TinyMCE富文本编辑器
Django版本:1.11.5
TinyMCE版本:4.6.7
第一步:从官网下载TinyMCE
https://www.tinymce.com/download/
注意下载的是下面那个开发包,Dev Package。此包包含TinyMCE社区,开发工具和完整的源代码。
第二步:把压缩包内tinymce目录内的所有文件和文件夹复制到Django项目中static目录内:
第三步:编辑 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后台显示并编辑,就导入。
第三步:在 static/js/tinymce 文件夹中新建 textareas.js 文件:
加入如下代码:
注:这里只是简单的样式,具体的需要的插件或其他功能都从这里配置
tinymce.init({
selector: "textarea",
theme : "modern",
});
重新运行Django,已经可以在后台看到TinyMCE富文本编辑器了:
来源:https://blog.csdn.net/hjxzt1/article/details/78068972
标签:Django,admin,TinyMCE,富文本,编辑器
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python验证码识别的方法
2023-05-30 10:22:39
Python中关于 *args与**args的用法及说明
2022-04-01 08:24:38
![](https://img.aspxhome.com/file/2023/0/97750_0s.png)
scrapy-splash简单使用详解
2023-06-02 15:22:37
![](https://img.aspxhome.com/file/2023/1/103161_0s.jpg)
Python使用OpenPyXL处理Excel表格
2022-07-29 21:10:21
![](https://img.aspxhome.com/file/2023/1/87791_0s.png)
pandas 实现分组后取第N行
2023-02-09 11:11:40
![](https://img.aspxhome.com/file/2023/5/75295_0s.jpg)
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2023-05-17 04:25:43
![](https://img.aspxhome.com/file/2023/1/121731_0s.jpg)
Python下划线5种含义代码实例解析
2023-11-19 04:25:59
![](https://img.aspxhome.com/file/2023/3/87583_0s.jpg)
Python如何使用队列方式实现多线程爬虫
2022-03-24 08:56:51
如何用Python和JS实现的Web SSH工具
2021-04-23 13:50:13
![](https://img.aspxhome.com/file/2023/0/127670_0s.png)
Python实现AI自动玩俄罗斯方块游戏
2021-11-16 23:11:41
![](https://img.aspxhome.com/file/2023/2/103682_0s.jpg)
Python把csv数据写入list和字典类型的变量脚本方法
2021-05-27 22:04:20
详解opencv去除背景算法的方法比较
2022-10-08 08:48:08
![](https://img.aspxhome.com/file/2023/9/120569_0s.gif)
Python Django框架单元测试之文件上传测试示例
2022-02-26 23:50:51
![](https://img.aspxhome.com/file/2023/0/75920_0s.png)
利用Python进行数据可视化的实例代码
2023-11-24 10:21:45
![](https://img.aspxhome.com/file/2023/7/64317_0s.png)
SHA256算法 asp源码
2009-08-28 13:01:00
Python爬虫采集微博视频数据
2023-08-11 16:01:03
![](https://img.aspxhome.com/file/2023/2/101012_0s.jpg)
Django渲染Markdown文章目录的方法示例
2021-03-31 05:12:07
![](https://img.aspxhome.com/file/2023/9/81569_0s.jpg)
pycharm console 打印中文为乱码问题及解决
2023-06-15 22:30:02
![](https://img.aspxhome.com/file/2023/2/127802_0s.png)
详解python UDP 编程
2023-06-11 22:31:44
![](https://img.aspxhome.com/file/2023/5/59825_0s.png)
python字典的遍历3种方法详解
2022-05-01 06:00:44
![](https://img.aspxhome.com/file/2023/6/79646_0s.png)