mrdoc增加kindeditor记录

已于 2023-04-08 00:58:17 修改
阅读量181 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： mrdoc 文章标签： django mrdoc
于 2023-04-08 00:52:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013113491/article/details/130022373
文章讲述了作者如何基于Django框架的mrdoc进行个性化调整，添加kindeditor编辑器，并处理图像上传功能。通过记录GET请求的流程，修改视图逻辑，以及适应前后端交互，实现了编辑器与应用的整合。

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

感谢州的先生大佬贡献的优秀框架，有看过我文章的朋友知道我的主力技术就是django，所以mrdoc这个框架我是非常喜爱的。
根据我的个性化需求，我会对框架进行一些调整，顺便整理一下django的知识。
由于我写习惯了前后端分离的页面，看州大佬写这个原生的django页面的时候还是有点没头绪的。
所以在这记录一下。

1.粗记录，先粗浅记录下全部流程，后续再来补充

GET请求到views后，可以看到是根据请求的eid这个参数来确定当前的编辑器类型。（如果你乱写，不在规定的数组里，默认的会是1）
在这里插入图片描述

在create_doc.html里面加一个新的按钮，
在这里插入图片描述

新增一个kindeditor的文件
在这里插入图片描述
在create_base里面添加编辑器
在这里插入图片描述
再刷新就可以看到编辑器了
在这里插入图片描述
将image按钮的回调时间替换成mrdoc的图片上传弹窗
在这里插入图片描述
上传结果回调按kindEdit的语法进行修改。

在这里插入图片描述

上传请求修改
在这里插入图片描述

数据保存成功
在这里插入图片描述

显示界面增加对我们的编辑模式的适配
在这里插入图片描述
如果有帮到你，请给我点个赞吧~

针对kindeditor编辑器的修改记录整理
Jopen的博客
07-01 879
一、KindEditor自动过滤首行缩进和全角空格的解决方法
kindEditor使用记录
04-10
KindEditor是一款功能强大的开源富文本编辑器，广泛应用于网站内容管理、博客写作和其他需要文本编辑功能的场景。这款编辑器支持多种浏览器，如IE、Firefox、Chrome、Safari和Opera，提供了一整套完整的文本编辑解决...
KindEditor
73
07-03 1602
1、官网地址 2、官网下载：http://kindeditor.net/down.php 3、文件夹说明: 4、基本使用 <body> <div style="width: 1200px; margin: 0 auto;"> <textarea id="content"></textarea> </div> <script src="/static/jquery-1.12.4.js"></script> <s
KindEditor默认工具栏参数
jugt的博客
06-06 315
配置编辑器的工具栏，其中”/”表示换行，”|”表示分隔符。insertunorderedlist 项目符号。insertorderedlist 编号。clearhtml 清理HTML代码。removeformat 删除格式。justifycenter 居中。justifyright 右对齐。justifyfull 两端对齐。hilitecolor 文字背景。justifyleft 左对齐。fullscreen 全屏显示。superscript 上标。forecolor 文字颜色。
KindEditor编辑器初始化参数
jugt的博客
06-06 968
编辑器初始化参数。
Kindeditor
X_sagacious的博客
11-21 413
Kindeditor上传图片和查询图片库 <html> <head> <script charset="utf-8" src="kindeditor-all-min.js"></script> <script charset="utf-8" src="lang/zh-CN.js"></script> &...
KindEditor使用记录
July.Code的网络笔记
08-24 284
界面 @{ ViewBag.Title = "About"; } var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { themeType : 'simple', resizeType:
KindEditor图片空间增加图片删除功能
了解—学习—进步—满足
02-08 2097
这次试着修改了下KindEditor的图片空间管理，加了一个删除图片的功能进去。 第一步，开放插件显示图片空间功能，代码如下：// 编辑器加载 $.extend(KindEditor.options.htmlTags, {style:['type']}); KindEditor.ready(function(K) { editor = K.create('#editor',{ minHig
kindeditor php上传类,kindEditor 3.5.2 增加 php 上传附件 分享。
weixin_34792641的博客
03-17 340
感谢 kindsoft.net 提供如此给力的编辑器。kindeditor 是本人觉得目前市面上最实用的编辑器。本人老早老早以前就开始使用了。以前为了自己的项目也对编辑器进行过一些修改。但大多属于只伤皮毛不动筋骨的肤浅改造，也没有认真研究过KindEditor的深层。严格来说这一次的修改冷然是一些皮毛，因为时至今日，还是有许多代码看不懂。这一次是为kindEditor 3.5.2 增加了php上传...
利用KindEditor漏洞上传网马
热门推荐
二月十六的博客
06-30 1万+
KindEditor是常用的富文本编辑器，里边有上传的功能，如果上传文件类型控制的不好，可能就会给网站带来安全问题，比如上传了网马，可能对我们的服务器就造成了伤害。 首先通过搜索引擎查到使用kindeditor的位置，比如http://xxxx/editor/，然后编写上传文件代码，例如： <html> <head> <ti...
asp增加kindeditor删除图片功能
06-16
在ASP中增加KindEditor删除图片的功能，主要涉及以下几个关键步骤和知识点： 1. **安装与引入KindEditor**： 首先，你需要下载KindEditor的源码包，并将其部署到服务器上。通常，这包括将JS、CSS以及图片资源文件...
使用JavaScript为Kindeditor自定义按钮增加Audio标签
10-22
在本文中，我们将深入探讨如何使用JavaScript为Kindeditor自定义按钮来添加`Audio`标签功能。KindEditor是一款开源的HTML可视化编辑器，它允许用户在网页上以所见即所得的方式编辑内容。为了扩展其功能，我们可以...
Kindeditor单独调用单图上传增加预览功能的实例
08-29
总结来说，KindEditor 单独调用单图上传并增加预览功能，主要涉及以下几个关键点： 1. 创建隐藏的input字段和用于预览的div。 2. 使用KindEditor的JavaScript API加载“image”插件并打开图片对话框。 3. 定义`...
kindeditor图片上传携带token字段
11-27
在IT行业中，编辑器是网页开发中不可或缺...这个过程不仅增加了安全性，也展示了如何利用KindEditor的自定义功能扩展其默认行为，以适应特定的项目需求。记住，安全始终是Web开发的重要考量，尤其是在处理用户数据时。
测试开发：Python+Django实现接口测试工具
最新发布
xt1989288的博客
08-05 423
接口地址：</td><td>选择方法:</td><td>参数类型：</td><td>测试数据:</td><td>预期结果：</td><td>实际结果：
【Django】-4- 数据库存储和管理
2401_83117850的博客
08-02 800
class Feedback(models.Model): # 数据库中： 表：定义了一个叫Feedback的类，它就像一个 “模具”，决定了数据库表长啥样。：继承 Django 提供的类，这样 Django 才会把这个类识别成数据库模型，帮我们和数据库打交道～注释# 数据库中： 表：说明这个类对应数据库里的一张表，表名默认是小写的类名（比如这里可能对应feedback表，Django 会自动处理命名规则 ）。下面这些代码，是给表定义字段（列），规定存啥数据、怎么存～
【Django】-2- 处理HTTP请求
2401_83117850的博客
08-01 726
Python 字典：是 Python 语言内部使用的数据结构，语法灵活，方便开发者写代码。JSON：是跨语言的 “数据交换协议”，语法严格，确保所有语言都能统一解析。所以 Python 字典用单引号（或双引号）都行，但转成 JSON 后必须用双引号 —— 这是为了让其他语言能看懂，实现 “跨语言交流”～单引号是 Python 的 “方言”，双引号是 JSON 的 “国际语”json.dumps就是 “翻译官”，把 Python 方言翻译成国际通用的 JSON 语～ 😊五、测试用例实操。
169-Django二手交易校园购物系统开发分享
qq_53846367的博客
07-30 1247
本文介绍了一个基于Django框架开发的校园二手交易系统。系统采用B/S架构，包含用户管理、商品管理、购物车、订单处理等核心模块。技术栈使用Django 2.0.7+MySQL数据库，前端采用原生HTML/CSS+jQuery。主要功能包括：用户注册登录（含邮箱验证）、个人信息管理、商品浏览、购物车操作、订单处理等。系统特别设计了密码安全机制（SHA1加密）、邮件找回密码功能，以及用户实名认证流程。项目结构清晰，代码示例展示了用户中心、地址管理等核心功能的实现方式，为校园二手交易提供了安全便捷的解决方案。
【Django】-11- 后台管理界面定制
2401_83117850的博客
08-04 597
文件位置：App 文件夹（beifan文件夹）里的models.py# 假设的字段（示例）quality = models.IntegerField("质量分")attitude = models.IntegerField("态度分")speed = models.IntegerField("速度分")text = models.TextField("评价内容")anonymous = models.BooleanField("是否匿名", default=False)
KindEditor v3.4.3版本更新及BUG修复记录
标题“kindeditor v3.4.3”指向了KindEditor这一款流行的网页富文本编辑器的版本号。KindEditor以其轻量级、易于定制和功能全面而受到开发者的喜爱。版本号“v3.4.3”表明这是该编辑器的众多迭代更新中的一个版本，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值