Django后台增加kindeditor富媒体编辑器

李金龙
李金龙
管理员
501
文章
0
粉丝
Django学习评论4,3451字数 364阅读模式

在Django中多文本的数据模型是TextField(Django1.10常用Models的数据类型、参数以及关系) ,它本身只能存储纯文本类型的数据,不能存储更多格式,如图片、视频、表格、HTML文件。

系统配置

Django==1.11.2

kindeditor == 4.1.1

 

操作流程

  • 下载kindeditor文件

下载链接:http://kindeditor.googlecode.com/files/kindeditor-4.1.1.zip

  • 将文件放置在static目录

Django后台增加kindeditor富媒体编辑器-图片1

 

  • 在APP下admin.py文件中写入以下的配置内容
  1. class Articleadmin(admin.ModelAdmin):  # 文章模型
  2.     list_display = ('title',)
  3. # 只有在需要使用的模型下才需要置入这个内容,也不可是全局状态,浪费系统资源
  4.     class Media:
  5.         js = (
  6.             '/static/js/kindeditor-4.1.10/kindeditor-min.js',
  7.             '/static/js/kindeditor-4.1.10/lang/zh_CN.js',
  8.             '/static/js/kindeditor-4.1.10/config.js',
  9.         )

一定要注意,一定是在有需求的字段内容增加配置内容,否则无法生效

  • 增加kindeditor配置文件

在上面的配置文件中,/static/js/kindeditor-4.1.10/config.js,系统本身是不包含此内容,需要额外的增加这个JS文件。

  1. KindEditor.ready(function(K) {
  2.                 K.create ('textarea',{
  3.                     // 个性化定制内容,更多内容参考官方文档
  4.                     width:800,
  5.                     height:1500,
  6.                 });
  7.         });

上面的Django的多文本的标识,textarea可以扩展更多,如指定字段名使用,内容中的其他部分无法使用,当然这些非常规的一些做法,扩展更多,可以多阅读下官方文档的内容。

参考网址:http://kindeditor.net/doc.php

 

kindeditor案例

Django后台增加kindeditor富媒体编辑器-图片2

 

完!

 
李金龙
  • 本文由 李金龙 发表于2017年6月10日 16:35:33
  • 转载请务必保留本文链接:https://www.lijinlong.cc/django/djxs/2007.html
Django学习

Django后台扩展(一)

Django自带的Admin十分强大,能快速帮助我们建立一个公司后台。但公司的每个人权限不免需要作区分,并且可能我们需要增加用户字段,这个时候就需要自己对Django的后台做扩展了。 只显示特定的条件...
Django学习

Django定时任务

Django作为一个大而全的Web框架,定时任务无论是个人开发还是企业业务都是需要的。但个人开发的时候使用celery,未免有点杀鸡用牛刀的感觉。Celery性能不错,但配置起来并没有那么简单。非密集...
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证