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

 更新时间:2019年08月09日 08:41:44   作者:KurolZ  
今天小编就为大家分享一篇Django在admin后台集成TinyMCE富文本编辑器的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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实现学生信息管理系统

    python实现学生信息管理系统

    这篇文章主要为大家详细介绍了python实现学生信息管理系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • Python实现链表反转的方法分析【迭代法与递归法】

    Python实现链表反转的方法分析【迭代法与递归法】

    这篇文章主要介绍了Python实现链表反转的方法,结合实例形式分析了Python迭代法与递归法实现链表反转的相关操作技巧与注意事项,需要的朋友可以参考下
    2020-02-02
  • Python给exe添加以管理员运行的属性方法详解

    Python给exe添加以管理员运行的属性方法详解

    这篇文章主要为大家介绍了Python给exe添加以管理员运行的属性方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • python数据分析之如何删除value=0的行

    python数据分析之如何删除value=0的行

    这篇文章主要给大家介绍了关于python数据分析之如何删除value=0的行的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家学习或者使用Python具有一定的参考学习价值,需要的朋友可以参考下
    2022-12-12
  • 运行Python编写的程序方法实例

    运行Python编写的程序方法实例

    在本篇文章里小编给大家整理了关于运行Python编写的程序方法实例内容,有兴趣的朋友们可以学习下。
    2020-10-10
  • Python函数的参数类型和使用技巧详解

    Python函数的参数类型和使用技巧详解

    这篇文章主要介绍了Python函数的参数类型和使用技巧详解,函数指通过专门的代码组织,用来实现特定功能的代码段,具有相对的独立性,可以被其他代码重复调用,需要的朋友可以参考下
    2023-08-08
  • python查看数据类型的方法

    python查看数据类型的方法

    在本篇文章里小编给大家整理了关于python怎么查看数据类型的相关知识点,有需要的朋友们学习下。
    2019-10-10
  • Python爬虫 urllib2的使用方法详解

    Python爬虫 urllib2的使用方法详解

    这篇文章主要介绍了Python爬虫 urllib2的使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 一起来学习Python的列表

    一起来学习Python的列表

    这篇文章主要为大家详细介绍了Python的列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • python 元组和列表的区别

    python 元组和列表的区别

    这篇文章主要介绍了python 元组和列表的区别,帮助大家更好的理解和学习python 数据类型的相关知识,感兴趣的朋友可以了解下
    2020-11-11

最新评论