Django在admin后台集成TinyMCE富文本编辑器的例子

yipeiwu_com5年前Python基础

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富文本编辑器了:

以上这篇Django在admin后台集成TinyMCE富文本编辑器的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持【听图阁-专注于Python设计】。

相关文章

Python3.5.3下配置opencv3.2.0的操作方法

Python3.5.3下配置opencv3.2.0的操作方法

1.安装numpy 进入python安装目录的lib下的site-packages文件夹下打开cmd输入pip install numpy下载numpy NumPy系统是Python的...

Python制作微信好友背景墙教程(附完整代码)

Python制作微信好友背景墙教程(附完整代码)

引言 前段时间,微信朋友圈开始出现了一种晒照片新形式,微信好友墙,即在一张大图片中展示出自己的所有微信好友的头像。 效果如下图,出于隐私考虑,这里作了模糊处理。 是不是很炫,而且这还...

使用Python脚本将Bing的每日图片作为桌面的教程

微软最近出了个 必应bing 缤纷桌面,使用下来还是不错,可以每天更换Bing首页的北京作为壁纸,但是该软件有个不好的地方是,安装后桌面上会有一个搜索框出现,很是烦人,而且不能关掉。于是...

Python中的Numeric包和Numarray包使用教程

要了解 Numerical Python 软件包的第一件事情是,Numerical Python 不会让您去做标准 Python 不能完成的任何工作。它只是让您 以快得多的速度去完成标准...

Python中摘要算法MD5,SHA1简介及应用实例代码

关于算法的学习,小编觉得编程语言中的算法大都有一些相通的地方,主要的方面一是了解这一算法能用来干什么,另一方面,学习它在这类编程语言中怎么实现。 摘要算法又称哈希算法、散列算法。它通过一...