KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...第一步:导入KindEditor文件 从官网下载好文档之后,将相关文件导入到我们的项目中,如下图;并在需要富文本编辑框的页面中引入相应的文件。 ? kindeditor/kindeditor-min.js"> kindeditor/lang/zh_CN.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...//初始化KindEditor编辑器 var editor; KindEditor.ready(function (K)
text/html; charset=UTF-8"> Insert title here kindeditor.../kindeditor.js"> kindeditor/lang/zh_CN.js">...,放到静态资源中,并通过script标签指定(注意核实路径,js指定后需要重启项目) kindeditor/kindeditor.js"> kindeditor/lang/zh-CN.js"> 3.设置自动提交的代码 $(function(){ var obj; KindEditor.ready(function(K)
很多被攻击的网站的后台使用的是Kindeditor编辑器并使用upliad_json组件来进行上传图片以及文档等文件,目前存在漏洞的版本是Kindeditor 4.1.5以下,漏洞发生的代码文件是在upload_json.php...我们来复现这个Kindeditor上传漏洞,首先使用的是Linux centos系统,数据库采用的是MySQL5.6,PHP版本使用的是5.4,我们将Kindeditor 4.1.5的源码拷贝到刚搭建的服务器里去...如何判断该网站使用的是Kindeditor编辑器呢? 1.kindeditor/asp/upload_json.asp?...dir=file 2.kindeditor/asp.net/upload_json.ashx?dir=file 3.kindeditor/jsp/upload_json.jsp?...dir=file 4.kindeditor/php/upload_json.php?
3月份的时候写了个JSP版本的kindeditor编辑器的帖子,没有想到大家的响应会这么强烈。...当前新版本插件的版本号为:kindeditor-plugin0.4RELEASE,JAR包中类的列表如下: 此次重构所完成的功能主要有以下几点: 重构上传附件页面的选择按,仿图片上传的选择按钮; 增加Struts2...环境集成; 增加上传属性配置功能,方便站点布署修改(暂未开放); 增加其它盘存储功能,可自由选择存放位置方便备份(暂未开放); 增加上传图片的文字水印功能(暂未开放); 更Kindeditor编辑版本为..."> /upload/image/ Jsp页面上KindEditor...PS: 下载KindEditor应用示例下载 把下载的压缩包上解压到Tomcat服务器的webapps目录下,启动Tomcat服务器,打开浏览器在地址栏输入:http://localhost:端口号/
关于 KindEditor KindEditor 基于JavaScript 编写,可以与众多WEB应用程序结合。...,将 TextBox 控件直接转化为富文本编辑框,调用示例代码如下: KindEditor KindEditor = new KindEditor(Page); KindEditor.init(...部署 KindEditor 本文所涉 KindEditor 为本人改造版,请下载我的资源: https://download.csdn.net/download/michaelline/89154343...实现代码 创建KindEditor类,代码如下: public class KindEditor { Page CurrentPage = null...HtmlLink 2 /common/kindEditor/plugins/code/prettify.css HtmlLink 3 /common/kindEditor/kindeditor.js
kindeditor处理url脚本: 源码中提供了mode参数,应该有类型可供选择,查看api有一个urlType参数: 修改该参数,发现,并没什么卵用。。。。。。...最后处理方法: 1、直接修改kindeditor.js脚本,将截取的url直接改成不截取。(不建议) 2、查看api,提供另一个参数: 初始化加上该参数,formatUploadUrl:false。
0×01 前言 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...,不需要其他通过事件监听来触发的标签呢,还真被我找到了,成功穿过KindEditor的围堵。...打开KindEditor-all.js文件,开始分析。 如果KindEditor本身做了处理,肯定是以关键字filter定义的,全局搜索filter。...从函数定义中我们可以看到KindEditor确实对输入内容进行了相关的过滤,只是在过滤时并未完美处理所有的输入情况。...0×04 总结 从KindEditor的官方网站http://kindeditor.net的案例页面我们可以看到国内还是有很多网站使用了相关技术,下面是一些使用这些网站的厂商。 ? ?
问题现象 KindEditor 是一款出色的富文本HTML在线编辑器,关于编辑器的详细介绍可参考我的文章《C# 将 TextBox 绑定为 KindEditor 富文本》,这里我们讲述在使用中遇到的一个问题...C# 服务端更新 在我的文章《C# 将 TextBox 绑定为 KindEditor 富文本》里我们创建了 KindEditor 类,可修改类代码,通过时间戳引入更新后的js版本,重写后的代码如下:.../kindeditor.js?.../kindeditor.js?...到此关于修改解决 KindEditor 弹出层问题就介绍到这里,感谢您的阅读,希望本文能够对您有所帮助。
查看官方文档发现需要手动控制一下: var _editer = KindEditor.create('.kindeditor',{ allowFileManager:true, allowUpload...:false, width: '90%', afterBlur: function(){ //利用该方法处理当富文本编辑框失焦之后,立即同步数据 KindEditor.sync...(".kindeditor") ; } }); 在上面使用了afterBlur 方法做了一个处理,该方法是当编辑框失焦的是触发的,然后再去做数据同步.
在之前的一篇文章中介绍了如何将富文本kindeditor结合到django中:Django2.0.4 结合 KindEditor 4.1.11 富文本编辑器 在同域环境中是没有问题的...也就是上传接口如果部署在前端页面同一个域名下是没有问题的,然而美多商城的系统架构是前后端分离,前端页面是vue.js服务,后端接口是django服务,分别部署在不同的服务器上,如果在vue.sj页面中想要使用kindeditor...本文解决在跨域情况下使用kindeditor的上传文件功能,解决思路就是用重定向方法来伪造成同域环境 在前端项目中,建立一个redirect.html,用来伪造同域获取参数 .../static/js/kindeditor/kindeditor-all-min.js'> 美多编辑器 ...script> initKindEditor(); function initKindEditor() { var kind = KindEditor.create
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率...KindEditor更加简便一些(这是个人观点)。...整合和配置 1.首先下载KindEditor编辑器,使用的是4.1.10版本,下载地址:http://kindeditor.net/down.php 2.将静态文件放置到项目目录中 3.在文章页面引入...KindEditor相关js文件: kindeditor编辑器相关文件--> kindeditor
KindEditor是一款还不错的开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。...首先 在官网下载文件 http://kindeditor.net/down.php 解压后,删除掉一些没有用的文件,只留下lang(语言包) themes(风格包) plugins(插件) 和...kindeditor-all-min.js 将kindeditor文件夹放到项目目录的static/js文件中去 最后在页面中就可以使用了 <!...} kindeditor.../kindeditor-all-min.js" %}'> 富文本 <button onclick
最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法。 ...一、准备工作: 1.下载KindEditor.去官网:http://www.kindsoft.net/ 2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中。) ...二、使用步骤: 1.view页面 var editor; KindEditor.ready(function (K) { editor = K.create...allowUpload: true, fileManagerJson: '/KindEditor.../ProcessRequest', //浏览文件方法 uploadJson: '/KindEditor/UploadImage' //上传文件方法
server" TextMode="MultiLine" Rows="20" MaxLength="4000" EnableTheming="True" CssClass="form-control kindeditor..." Text=""> //初始化编辑器 var editor = KindEditor.create('textarea.kindeditor
1.简介 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用 2.主要特点...-4.1.10/kindeditor-all-min.js', '/static/js/kindeditor-4.1.10/lang/zh-CN.js',...我们有多重选择来使用富文本编辑器,比如kindeditor、django-ckeditor、自定义ModelAdmin的媒体文件。 这样就将kindeditor加上了富文本编辑器。...4.1:在config.js加入 'uploadJson':'/admin/upload/kindeditor', 这里/admin/upload/kindeditor是python的路由。
直接上代码 首先在客户端中配置 var editor; document.domain = window.location.host;//js解析域 KindEditor.ready(function
有段时间没关注过国内IT技术发展情况了,前些天在学习国内的一个开源技术Nutz时想练个手,但一时又不知写些什么好,想了一会还是选择了自己的“老友”KindEditor。...343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 package org.nutz.kindeditor4...org.nutz.mvc.annotation.At; import org.nutz.mvc.annotation.Param; import org.nutz.mvc.upload.UploadAdaptor; /** * KindEditor...elkan1788@gmail.com) */ @At("/nutz/ke4plugin") @AdaptBy(type = UploadAdaptor.class) @IocBean public class KindEditor4Module
对使用KindEditor的网站日志分析,政府机构、教育机构、事业单位、企业等网站都存在异常数据流量,其特征都是访问不同网站的同一个目录文件: www.*.com/kindeditor/*/upload_json.ashx....*.com/kindeditor/asp.net/upload_json.ashx?...dir=image 经过统计,80%的非法植入页面都与KindEditor编辑器有关,并且 KindEditor编辑器的版本号都小于4.1.12。 3....KindEditor主要省市分布如下: ?...3.2 KindEditor 编辑器文件上传漏洞分析 KindEditor KindEditor/php/upload_json.php是演示程序,不检查访问者的权限以及内容即可上传文件