您的位置: 首页  >  文章  >  Django框架学习笔记（29.kindeditor插件使用）

Django框架学习笔记（29.kindeditor插件使用）

分类: 文章 • 2024-08-02 17:51:28

在官网下载好Kindeditor，粘贴到静态文件夹。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="width: 500px; margin: 0 auto;">
    <textarea id="content"></textarea>
</div>

<script src="/static/jquery-1.12.4.js"></script>
<script src="/static/kindeditor/kindeditor-all.js"></script>
<script>
    $(function(){
        KindEditor.create('#content',{
            uploadJson:'/upload_img/'
        });
    })
</script>
</body>
</html>

初始化参数详细见：http://kindeditor.net/docs/option.html

这里写出几个重要的参数：

resizeType

2或1或0，2时可以拖动改变宽度和高度，1时只能改变高度，0时不能拖动。

  • 数据类型: Int
  • 默认值: 2

uploadJson

指定上传文件的服务器端程序。

  • 数据类型: String
  • 默认值: basePath + ‘php/upload_json.php’

allowImageUpload

true时显示图片上传按钮。

  • 数据类型: Boolean
  • 默认值: true

allowImageRemote

true时显示网络图片标签，false时不显示。

  • 数据类型: Boolean
  • 默认值: true

autoHeightMode

值为true，并引入autoheight.js插件时自动调整高度。

  • 数据类型: Boolean
  • 默认值: false

allowFileManager

true时显示浏览远程服务器按钮。(下边有一个写好的示例)

  • 数据类型: Boolean
  • 默认值: false

filePostName

指定上传文件form名称。（可以用request.FILES.get('name')）

  • 数据类型: String
  • 默认值: imgFile


用filemanager时候在views.py中加入：

import os
import time
import json
def file_manager(request):
    dic = {}
    root_path = 'C:/Users/Administrator/PycharmProjects/Django/static/'
    static_root_path = '/static/'
    request_path = request.GET.get('path')
    if request_path:
        abs_current_dir_path = os.path.join(root_path, request_path)
        move_up_dir_path = os.path.dirname(request_path.rstrip('/'))
        dic['moveup_dir_path'] = move_up_dir_path + '/' if move_up_dir_path else move_up_dir_path

    else:
        abs_current_dir_path = root_path
        dic['moveup_dir_path'] = ''

    dic['current_dir_path'] = request_path
    dic['current_url'] = os.path.join(static_root_path, request_path)

    file_list = []
    for item in os.listdir(abs_current_dir_path):
        abs_item_path = os.path.join(abs_current_dir_path, item)
        a, exts = os.path.splitext(item)
        is_dir = os.path.isdir(abs_item_path)
        if is_dir:
            temp = {
                'is_dir': True,
                'has_file': True,
                'filesize': 0,
                'dir_path': '',
                'is_photo': False,
                'filetype': '',
                'filename': item,
                'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))
            }
        else:
            temp = {
                'is_dir': False,
                'has_file': False,
                'filesize': os.stat(abs_item_path).st_size,
                'dir_path': '',
                'is_photo': True if exts.lower() in ['.jpg', '.png', '.jpeg'] else False,
                'filetype': exts.lower().strip('.'),
                'filename': item,
                'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))
            }

        file_list.append(temp)
    dic['file_list'] = file_list
    return HttpResponse(json.dumps(dic))


简单的效果图：

Django框架学习笔记（29.kindeditor插件使用）


相关推荐