查看官方文档发现需要手动控制一下: var _editer = KindEditor.create('.kindeditor',{ allowFileManager:true, allowUpload...:false, width: '90%', afterBlur: function(){ //利用该方法处理当富文本编辑框失焦之后,立即同步数据 KindEditor.sync...(".kindeditor") ; } }); 在上面使用了afterBlur 方法做了一个处理,该方法是当编辑框失焦的是触发的,然后再去做数据同步.
-04-21) 开发工具:VS2019 C# 解决问题 修改 kindeditor.js 如下图,我们发现遮罩层的 z-index 值为 811212,弹出层的 z-index 值为 811213:...C# 服务端更新 在我的文章《C# 将 TextBox 绑定为 KindEditor 富文本》里我们创建了 KindEditor 类,可修改类代码,通过时间戳引入更新后的js版本,重写后的代码如下:.../kindeditor.js?...string js = fLoadFromFile(CurrentPage.Request.PhysicalApplicationPath + "common/kindEditor/init.js",.../kindeditor.js?
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.../plugins/kindeditor/kindeditor-min.js"> kindeditor/lang/zh_CN.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...allowFileManager: true }); }); // html 页面 :为普通的textarea指定name属性即可(和js...上面是默认值 ---------------------------------------------------------------------------------- 【Ctrl+Enter提交
//保存 function saveFT() { var data = { createDate...
<script type="text/javascript"> function check(form) {
document.forms.from.submit(); document.form.sumbit(); document.form.submit.click(); this.form.submit(); 以上几种形式的 js...表单提交在 firefox 浏览器下是不起作用的 2....” # 当提交按钮的 name 或者 id 为 submit 时候,用 js 提交表单,表单名.submit () 时候会报一个错误,提示对象不支持此属性或办法。...那么,请问为什么 当提交按钮的 name 或者 id 为 submit 或者 action 的时候 js 提交表单会报错呢?这难道是 一个 bug? 高手们请指教。。。。...我在项目中发现 与 得出的效果截然不同, 谁能告诉我这两着有合不同 我又如何能用图片来替代原有的提交按钮 是说这是一个按钮,它的是一个提交按钮。当点击它时,它会自动将它所在的表单进行提交.
之所以推荐这一款编辑器,是因为它非常的轻量化,也不需要安装,从而耦合度非常低,无论是使用表单提交内容还是异步提交,都非常方便,这里简单介绍一下如何在Django2.0.4中使用这款富文本编辑器。 ...kindeditor-all-min.js 将kindeditor文件夹放到项目目录的static/js文件中去 最后在页面中就可以使用了 <!...库 #} js/jquery-1.12.1.min.js" %}'> js.../kindeditor/kindeditor-all-min.js" %}'> 富文本...html() alert(content); } 需要注意的一点是,如果你要异步将富文本内容提交给后台
直观的说,只要用form将需要提交到服务器的标签包围,当提交的时候,就会向服务器发送有name属性的数据。所以,input内容提交必须有name属性。...id:标识标签元素 当提交后,服务器就会得到:username=填的用户名 & password=填的密码 当点击提交后,form数据就会发送。通常提交前要校验数据。比如长度规则等。...所以需要js。 js校验: 方法1: 在from属性后面接着添加onsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。...在js中,方法参数不用声明类型,调用方法的时候,参数按照顺序匹配。...||表示或者,意思是,如果username==null或者username是空字符串,条件1或者条件2为true则都是true 方法2:js控制提交表单 首先,表单元素代码如下: 1 <form action
场景: 需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post) 思路1: 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端 2....在客户端跳转页面 思路2: 使用form表格进行post提交 实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下: /// form 表单提交...labTotalMoney").text(); form2.appendChild(total); document.body.appendChild(form2); form2.submit(); //提交... 注:一定要记得加 document.body.appendChild(form2); 上面form提交的方法,感觉传数据还是太麻烦了,必须写成form表单的元素,不知道有没有更加简单的方法,求指教
在工作中遇到表单提交之前,需要验证用户输入的是否为空,之前使用ajax做提交,在js里面直接做判断,如果用户输入为空则弹出提示框(起初默认是隐藏的,非alert弹出框),让用户重新输入,当输入框获取焦点的时候... js"> ...;return true;表单提交。...在return false 做操作,判断,条件满足则提交,条件不满足,不提交。 在用户提交空的时候,会弹出提示框。...参考文章: 阻止表单submit提交(在提交之前做验证及判断) https://blog.csdn.net/weixin_40933787/article/details/80110207
/" mapping="/js/**"/> KindEditor、jquery 这些资源请自行下载自行下载 前端代码 index.jsp kindeditor/kindeditor.js"> js/kindeditor/lang/zh_CN.js...,放到静态资源中,并通过script标签指定(注意核实路径,js指定后需要重启项目) js/kindeditor/kindeditor.js"> js/kindeditor/lang/zh-CN.js"> js"> 3.设置自动提交的代码 $(function(){ var obj; KindEditor.ready(function(K)
表单提交无非就将input的值向后台提交,后台在逐个读取.记得有次朋友问我,表单提交的提交协议原理是什么,我当时没怎么思考直接说就跑http(s)的传输协议..后台直接来个接收就了事.后来后来,...说这么无非就是告诉你后台接收是通过input name来收值.那如果一个表单的input多于20个那每个接收不累死,好在,我发现一个js的功能,可以省去不少时间和精力....重点: JSON.stringify($("#queryForm").serializeJson()) 分析:这个直接将表单queryForm的input 转为JSON然后进行后台提交.
0×01 前言 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...0×02 测试过程 首先,你得找到一个(女朋友)使用这种框架的网站,通过查看加载的js文件确认是否包含KindEditor框架(外观如下图): ? 然后开始测试,随意输入一段字符 ?...我们找的示例网站中,在本地对提交的数据进行了编码,但是很明显可以看出是ASCII Hex编码,解码看到明文。 然后尝试输入可以引入标签的尖括号 (下图中的是客户端自己添加的) ?...打开KindEditor-all.js文件,开始分析。 如果KindEditor本身做了处理,肯定是以关键字filter定义的,全局搜索filter。...0×04 总结 从KindEditor的官方网站http://kindeditor.net的案例页面我们可以看到国内还是有很多网站使用了相关技术,下面是一些使用这些网站的厂商。 ? ?
很多被攻击的网站的后台使用的是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?
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率...KindEditor更加简便一些(这是个人观点)。...KindEditor相关js文件: kindeditor-all.js"> kindeditor-4.1.10/lang/zh_CN.js"> 4.在文章页面上创建id为editor的元素,如下所示: <textarea id="editor
应用情景 经典使用情景:js的一些事件,比如:onresize、scroll、mousemove、mousehover等; 还比如:手抖、手误、服务器没有响应之前的重复点击; 这些都是没有意义的,重复的无效的操作...同样节流函数也是为了解决函数重复提交的问题,而防止重复提交的方法,不止节流函数一种实现。 方法汇总 本文整理了我在工作实践当中,觉的防止js重复提交,比较好用的方法,在这里和大家分享一下。...一、setTimeout + clearTimeout(节流函数) 本文提供两种实现方式:普通节流函数和闭包节流函数 二、设定flag/js加锁 三、通过disable 四、添加浮层比如loading...二、设定flag/js加锁 var lock = false; jQuery("#submit").on('click', function () { if (lock) { return...业务代码 lock = false; }); }); 总结 前两种方式实现起来比较方便,而后两种实现起来相对比较繁琐,如果是为了防止事件的多次触发,建议使用闭包,如果是表单提交
http://www.w3.org/TR/html4/loose.dtd"> 2 3 4 5 js...39 以上提交的数据均为抓包所得。 40 由于属于菜鸟,被POST方法欺骗了许久,还好看到了发起程序是JS库XMLHttpRequest,才想到提交方法不一样。...http://www.w3.org/TR/html4/loose.dtd"> 2 3 4 5 js...33 alert(obj);//破接收端不稳定,js循环又没有好的循环延迟,只能这样暂停循环咯,或者手动确定或者鼠标模拟确定。...40 以上提交的数据均为抓包所得。 41 由于属于菜鸟,被POST方法欺骗了许久,还好看到了发起程序是JS库XMLHttpRequest,才想到提交方法不一样。
配置文件 #config.js KindEditor.ready(function(K) { // K.create('textarea[name=content]', {...3.4在admin.py对应的管理类中添加class Media,引入js文件。...= ('/static/js/kindeditor-4.1.10/kindeditor-all-min.js', '/static/js/kindeditor-4.1.10.../lang/zh-CN.js', '/static/js/kindeditor-4.1.10/config.js') admin.site.register(Article...4.1:在config.js加入 'uploadJson':'/admin/upload/kindeditor', 这里/admin/upload/kindeditor是python的路由。
其呈现如下图: 绑定设计 Asp.net 应用程序 WebUI 中的 TextBox 控件是我们经常使用的控件之一,为便于后端代码统计一调用与管理,可在服务端通过绑定 KindEditor.js 的方式...string js = fLoadFromFile(CurrentPage.Request.PhysicalApplicationPath + "common/kindEditor/init.js",...HtmlLink 2 /common/kindEditor/plugins/code/prettify.css HtmlLink 3 /common/kindEditor/kindeditor.js...HtmlGenericControl 4 /common/kindEditor/lang/zh_CN.js HtmlGenericControl 5 /common/kindEditor/plugins.../code/prettify.js HtmlGenericControl 6 /common/kindEditor/init.js HtmlGenericControl 其中第6项 init.js 为读取内容后