Django实现富文本编辑器Ckeditor5图片上传功能

轻编程

于 2024-01-30 10:32:22 发布

阅读量628

点赞数

CC 4.0 BY-SA版权

分类专栏： Django手把手从零开发个人博客文章标签： django sqlite python

本文链接：https://blog.csdn.net/weixin_41861301/article/details/135927329

Django手把手从零开发个人博客专栏收录该内容

24 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在Django项目中使用Ckeditor5实现图片上传功能。通过创建上传文件视图、设置上传图片URL以及配置Ckeditor5的JS，实现了异步无刷新的图片上传。主要涉及Django的文件上传处理、JSON响应格式以及CSRF验证的处理。

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

上一章我们已经为我们的博客继承了富文本编辑器Ckeditor5，虽然已经可以对文字进行排版处理，虽然已经可以通过插入图片的url地址来插入图片，但还无法通过本地上传图片，那么我们这个富文本编辑器就是不完整的，这一章我们将实现上传图片功能！

Ckeditor5图片上传采用的是异步上传的方式，也就是Ajax无刷新上传文件，那么我们的后端就要求返回的数据格式为JSON，并且必须符合要求!

Ckeditor5上传图片要求返回三个必要的数据，并且格式如下：

{
   
   
    'url': url,              // 上传图片的完整url
    'uploaded': '1',         // 上传成功标识
    'fileName'

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

轻编程

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

参与评论您还未登录，请先登录后发表或查看评论

博客

Godot《躲避小兵》实战之为游戏添加音效

08-24

1132

现在，我们已经完成了游戏的所有功能。以下是一些剩余的步骤，为游戏加点“料”，改善游戏体验。随意用你自己的想法扩展游戏玩法。

博客

Godot《躲避小兵》实战之游戏开始界面制作

08-22

1372

我们的游戏还需要用户可操作的界面，比如开始游戏，退出以及显示分数等UI界面。创建新场景，点击“其他节点”按钮，然后添加一个 CanvasLayer 节点并命名为HUD。“HUD”是“heads-up display”（游戏信息显示）的缩写，是覆盖在游戏视图上显示的信息。CanvasLayer节点可以让我们在游戏的其他部分的上一层绘制 UI 元素，这样它所显示的信息就不会被任何游戏元素（如玩家或敌人）所覆盖。ScoreTimerUI 元素的基本节点是 Control。

博客

Godot《躲避小兵》实战之创建游戏主场景

08-22

1437

现在是时候将我们所做的一切整合到一个可玩的游戏场景中了。创建新场景并添加一个 Node节点，命名为Main。（我们之所以使用 Node 而不是 Node2D，是因为这个节点会作为处理游戏逻辑的容器使用。本身是不需要 2D 功能的。点击按钮（由链条图标表示）并选择保存的。现在，将下列节点添加为MainMobTimerScoreTimerStartTimer即计时器节点，是一种倒计时器，也是引擎中最简单的处理基于时间的逻辑的方法。计时器在等待 wait_time结束后就会发出 timeout 信号。

博客

Godot《躲避小兵》实战之创建敌人

08-22

1317

是时候创建一些玩家必须躲避的敌人了。它的行为很简单：怪物将随机生成在屏幕的边缘，沿着随机的方向直线移动。我们将创建一个Mob的怪物场景，以便在游戏中独立实例化出任意数量的怪物。

博客

Godot《躲避小兵》实战之编写玩家代码

08-18

956

在这一节我们将用代码来控制玩家的动作、动画，并将其设置为检测碰撞。为此，我们就需要让脚本与场景关联，要为玩家场景Player添加关联的脚本，我们需要选中Player节点，然后点击场景模块的搜索框旁边的按钮即可！在弹出的脚本设置窗口中，我们维持默认设置。点击创建，并将其保存在scripts目录中。这将是我们第一次接触GDScript语言，它的许多特性都参考了Python，如果你有Python基础的话，这个语言上手是非常容易的，它是一个纯面向对象的脚本语言，有面向对象的所有特性！

博客

Godot《躲避小兵》实战之创建玩家场景

08-15

975

项目设置完之后，我们就可以开始处理玩家控制的角色。这里我们将玩家放在一个单独的场景当中，这样做的好处是在游戏的其他部分做出来之前，我们就可以对其进行单独测试。

博客

Godot《躲避小兵》实战之设置项目

08-13

534

通过之前的学习我们已经基本了解了godot的界面，知道如何创建项目以及节点。那么，从这一章节我们将进入godot官方给我们提供的一个2D游戏开发的小教程进行入手，这个游戏并不是我自己的作品，而是我通过学习完之后，对其进行优化的一个改进版，是对官方教程的一个补充，并且融入了个人的一些理解与学习成果的记录！如果您觉得我的教程无法理解与消化，那么请移步官方！

博客

Godot的节点与场景

08-02

1540

要深入的理解节点与场景，我们需要跳出这两个概念来看他。说的再直白一些！场景的概念应该在我们平时看电影看电视时会经常提到，比如某一个打斗的场景，这个场景可能会被设在某一个街道，那么这个街道上肯定有路人，有房子，有商店，有过往的汽车等等一些元素！那么这些元素就是构成这个场景的节点！但是这些元素又可能是另外的独立的场景，比如路上的这个商店里有售货员，有货架，有收银台等等，这些元素又构成了一个房子的场景！所以，场景就是一个树状结构！有网页开发经验的开发者可能会更能明白这一点！

博客

godot新建项目及设置外部编辑器为vscode

07-25

3743

②处是VScode的编辑器的完整路径，vscode的完整路径可以在桌面找到快捷方式，鼠标右键属性即可看到如下图所示，把目标中的路径复制到这里即可！开发游戏我们免不了要编写代码，俗活说：“工欲善其事必先利其器”，godot默认自带的代码编辑器没有代码高亮及代码提示功能，那么这里我就需要借助外部代码编辑器VScode！鼠标右键在新建的文件上点击，弹出菜单栏，选择打开，这里不出意外则可以成功启动vscode编辑器！选择菜单中的编辑器，点击下拉菜单中的第一项编辑器设置，会弹出如下界面。

博客

初识godot游戏引擎并安装

07-21

3529

Godot是一款自由开源、由社区驱动的2D和3D游戏引擎。游戏开发虽复杂，却蕴含一定的通用规律，正是为了简化这些通用化的工作，游戏引擎应运而生。Godot引擎作为一款功能丰富的跨平台游戏引擎，通过统一的界面支持创建2D和3D游戏。它提供了一套全面的通用工具，使得用户能够专注于游戏制作本身，无需从头开始构建基础功能。

博客

Rye一个强大的Python包管理工具

06-04

1270

这是一个由Flask框架作者用rust开发并维护的一个python包管理工具，经过个人体验和使用还是非常不错的，尽管它还并非正式版本，但其易用性和便捷性均值得我们来体验！其中他对python各版本的管理比其他同类工具要好，安装rye可以不用提前再去安装python，当你项目用到那个版本时再去安装对应的版本即可！并且可以用虚拟环境来管理项目，而且默认创建的虚拟环境就在项目根目录，既可以使用rye默认命令来管理虚拟环境，还支持通过pip来安装包！

博客

Python中的else魔法：不止是if

05-03

622

这些是 else 关键字在 Python 中常见的用法。它们可以帮助你在特定条件或循环的情况下执行不同的代码逻辑，或者在异常处理中提供额外的操作。根据具体的需求和场景，你可以选择适当的用法来实现所需的功能。

博客

Python实现图片（合并）转PDF

03-11

800

在日常的工作和学习过程当中，我相信很多人遇到过这样一个很普通的需求，就是将某一个图片转为PDF或者是将多个图片合并到一个PDF文件。但是，在苦苦搜寻一圈之后发现要么要下载软件，下载了还要注册，注册了还要VIP，甚至SVIP才能实现这样的需求！今天，我带大家把这个功能打下来！这个文件夹中的这些图片就是我们今天的主要任务，将这些图片按照顺序合并到一个PDF文件！

博客

通过Python pypdf库轻松拆分大型PDF文件

03-11

1250

2011到2016年之间，在此基础上又诞生了一个PyPDF2的分支，这个分支其实是真正走到大众面前的一个库，在很多优秀的python书籍中都能看到该库的身影。好在开源的力量是无穷的，正所谓，天下大势，合久必分，分久必合，2023年pypdf回归本源，PyPDF2 被合并回 pypdf，现在的名称全部为小写，成为没有数字的pypdf!pypdf最早可以追溯到2005年开源发布，最早名称是"pyPdf"，中间的P是大写的，是一个纯python库，这个库一直持续到2010年的pyPdf1.13最后一个版本！

博客

Win11系统实现adb命令向安卓子系统安装APP

02-29

1983

Win11系统实现通过adb命令向安卓子系统安装已下载好的apk包。要实现以上目标，我们需要用到一个Android SDK 的组件Android SDK Platform-Tools！这个组件呢其实是被包含在 Android Studio中的，如果你对安卓开发有所了解对此应该不会陌生，当然如果我们对安卓开发一无所知也不影响我们使用该组件来实现以上目标的!

博客

Win11系统安装安卓子系统教程

02-29

4494

随着Win11系统的不断普及，以及硬件设备的更新换代，我相信很多同学都已经更新并使用到了最新的Win11系统。那么，Win11系统最受期待的功能“Windows Subsystem for Android”（简称WSA），即《安卓子系统》。他可以让你在Win11 PC上直接安装运行各种安卓手机APP应用与游戏，无需安装第三方模拟器或虚拟机。

博客

pypinyin，一个超级实用的 Python 库！

02-18

1393

Python pypinyin 是一个用于将汉字转换为拼音的 Python 库。它基于汉字拼音数据表，提供了简单而强大的 API，可以满足各种汉字转拼音的需求。pypinyin 库支持多种拼音风格和输出格式，同时还提供了丰富的参数选项，使得用户可以根据自己的需求定制转换结果。如果默认的拼音风格无法满足需求，可以通过继承 Style 类来定义自定义的拼音风格。result = pinyin('中国', style=MyStyle.CUSTOM_STYLE)

博客

pyjwt，一个强大的 Python 库！

02-16

1558

PyJWT是一个用于创建、解析和验证JSON Web Tokens（JWT）的Python库。JWT是一种紧凑且自包含的方式，用于在网络应用之间安全地传输信息。它由三部分组成：头部、载荷和签名。PyJWT库能够轻松地处理JWT，并在Python应用程序中实现身份验证和信息传输的安全性。除了使用默认的过期时间外，PyJWT还可以自定义过期时间处理逻辑，以满足特定的需求。例如，可以在解析JWT时检查过期时间，并根据情况进行处理。

博客

poetry，一个超实用的 Python 库！

02-16

4631

Python Poetry 是一个专注于 Python 项目依赖管理的工具，它提供了一种简洁而强大的方式来定义项目依赖、创建虚拟环境、构建和发布 Python 包。与传统的依赖管理工具相比，Python Poetry 具有更加简洁的语法、更加直观的操作界面和更高效的依赖解析算法，使得项目的依赖管理变得更加简单和可靠。Python Poetry 使用 pyproject.toml 文件来定义项目的依赖和配置信息，这种格式简洁明了，易于理解和维护。

博客

solara，一个超级厉害的 Python 库！

02-13

968

Python Solara 是一个基于 Python 的工具库，用于太阳能系统的建模、优化和分析。它提供了一系列功能强大的工具和模型，包括光伏电池、光伏组件、太阳能光照、阴影分析等。Python Solara 的设计理念是简单易用，它提供了直观的接口和丰富的功能，使得用户能够快速构建太阳能系统模型，并进行性能优化和分析。Python Solara 是一个强大的太阳能系统建模和优化工具，为用户提供了丰富的功能和直观的界面，使得太阳能系统的建模和优化变得更加简单和高效。