博客中KindEditor配置

最新推荐文章于 2025-06-05 16:56:25 发布

原创最新推荐文章于 2025-06-05 16:56:25 发布 · 212 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#KindEditor #admin #django

python 同时被 2 个专栏收录

64 篇文章

订阅专栏

django

50 篇文章

订阅专栏

本文档详细介绍了如何在Django项目中集成并配置KindEditor，包括下载KindEditor，将其放置在static目录下，修改admin.py，配置config.js以实现图片和文件上传功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下载 KindEditor

2.放在static/js下

3.在admin.py中配置文件：

4.在static/js/kindeditor下配置config.js文件

首先在kindedito官网文档中，找到代码：

根据代码提示编辑：

5.编辑图片和文件上传代码：

# -*- coding: utf-8 -*-
from django.http import HttpResponse
from django.conf import settings
from django.views.decorators.csrf import csrf_exempt
import os
import uuid
import json
import datetime as dt


@csrf_exempt
def upload_image(request, dir_name):
    ##################
    #  kindeditor图片上传返回数据格式说明：
    # {"error": 1, "message": "出错信息"}
    # {"error": 0, "url": "图片地址"}
    ##################
    result = {"error": 1, "message": "上传出错"}
    files = request.FILES.get("imgFile", None)
    if files:
        result =image_upload(files, dir_name)
    return HttpResponse(json.dumps(result), content_type="application/json")


def upload_generation_dir(dir_name):
    """
    目录创建
    :param dir_name:
    :return:
    """
    today = dt.datetime.today()
    dir_name = dir_name + '/%d/%d/' %(today.year,today.month)
    if not os.path.exists(settings.MEDIA_ROOT + dir_name):
        os.makedirs(settings.MEDIA_ROOT + dir_name)
    return dir_name


def image_upload(files, dir_name):
    """
    图片上传
    :param files:
    :param dir_name:
    :return:
    """
    allow_suffix =['jpg', 'png', 'jpeg', 'gif', 'bmp'] #允许上传文件类型
    file_suffix = files.name.split(".")[-1]
    if file_suffix not in allow_suffix:
        return {"error": 1, "message": "图片格式不正确"}
    relative_path_file = upload_generation_dir(dir_name)
    path=os.path.join(settings.MEDIA_ROOT, relative_path_file)
    if not os.path.exists(path): #如果目录不存在创建目录
        os.makedirs(path)
    file_name=str(uuid.uuid1())+"."+file_suffix
    path_file=os.path.join(path, file_name)
    file_url = settings.MEDIA_URL + relative_path_file + file_name
    open(path_file, 'wb').write(files.file.read()) # 保存图片
    return {"error": 0, "url": file_url}