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

在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富媒体编辑器

 

  • 在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富媒体编辑器

 

完!

李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: