后面突然看到一个网页,提交也是用了相同的编辑器。就学习了一下。...//创建编辑器 function createEditor(){ KindEditor.ready(function(K) { ChatEditor = K.create(‘textarea.win_chat_textarea...resizeType : 0, langType : ‘zh_CN’, designMode : true, pasteType : 2, uploadJson : rootpath + ‘/kindeditor.../jsp/upload_json.jsp’, fileManagerJson : rootpath + ‘/kindeditor/jsp/file_manager_json.jsp’, allowFileManager...){ K.ctrl(this.edit.iframe.get(0).contentWindow.document, 13, function() { alert(13);//这个地方添加提交校验事件
查看官方文档发现需要手动控制一下: var _editer = KindEditor.create('.kindeditor',{ allowFileManager:true, allowUpload...:false, width: '90%', afterBlur: function(){ //利用该方法处理当富文本编辑框失焦之后,立即同步数据 KindEditor.sync...(".kindeditor") ; } }); 在上面使用了afterBlur 方法做了一个处理,该方法是当编辑框失焦的是触发的,然后再去做数据同步.
0x00 漏洞描述 漏洞存在于kindeditor编辑器里,你能上传.txt和.html文件,支持php/asp/jsp/asp.net,漏洞存在于小于等于kindeditor4.1.5编辑器中 这里html...dir=file kindeditor/asp.net/upload_json.ashx?dir=file kindeditor/jsp/upload_json.jsp?...dir=file 0x03 漏洞利用 google搜素一些存在的站点 inurl:kindeditor 1.查看版本信息 http://www.xxx.org/kindeditor//kindeditor.js...dir=file kindeditor/asp.net/upload_json.ashx?dir=file kindeditor/jsp/upload_json.jsp?... Uploader <script src="http://www.xxx.org/<em>kindeditor</em>//<em>kindeditor</em>.<em>js</em>
异步提交表单 异步提交表单的步骤 所谓异步提交表单,就是不再使用表单的提交按钮实现表单的提交功能,而是通过Ajax异步交互方式实现表单提交。具体实现步骤如下: 获取表单及所有表单组件对应的数据值。...通过Ajax异步交互方式提交表单。...'username='+$('#username').val()+'&password='+$('#password').val(); $.ajax({ url: "server.js...username" /> 密码: <script src="<em>js</em>
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数 function fromPost(URL, PARAMS) {
<script type="text/javascript"> function check(form) {
/kindeditor/plugins/code/scripts/shCore.js"> var editor; KindEditor.ready(function(K) { editor = K.create...200px;visibility:hidden;overflow:hidden;"> <input type="submit" id="ContentSubmit" value="<em>提交</em>评论
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? 高手们请指教。。。。...我在项目中发现 与 得出的效果截然不同, 谁能告诉我这两着有合不同 我又如何能用图片来替代原有的提交按钮 是说这是一个按钮,它的是一个提交按钮。当点击它时,它会自动将它所在的表单进行提交.
//保存 function saveFT() { var data = { createDate...
之所以推荐这一款编辑器,是因为它非常的轻量化,也不需要安装,从而耦合度非常低,无论是使用表单提交内容还是异步提交,都非常方便,这里简单介绍一下如何在Django2.0.4中使用这款富文本编辑器。 ...kindeditor-all-min.js 将kindeditor文件夹放到项目目录的static/js文件中去 最后在页面中就可以使用了 <!...库 #} 富文本...html() alert(content); } 需要注意的一点是,如果你要异步将富文本内容提交给后台
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.../plugins/kindeditor/kindeditor-min.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...allowFileManager: true }); }); // html 页面 :为普通的textarea指定name属性即可(和js...上面是默认值 ---------------------------------------------------------------------------------- 【Ctrl+Enter提交
1.下载 KindEditor 2.放在static/js下 3.在admin.py中配置文件: 4.在static/js/kindeditor下配置config.js文件 首先在kindedito...import datetime as dt @csrf_exempt def upload_image(request, dir_name): ################## # kindeditor
之后在需要用到KindEditor的页面引入以下两个js文件(具体js目录根据你的KindEditor文件夹位置而定) 之后再在这个页面写一个js脚本,注意:这个脚本的作用就是控制该页面的KindEditor编辑器,js脚本如下: <script type="text/...<em>js</em>文件后,再写如下<em>js</em>代码到该页面, //<em>KindEditor</em>脚本 var editor; <em>KindEditor</em>.ready...我们看到的<em>KindEditor</em>编译器实际上不是我们之前自己写在页面中的textarea标签,当我们在<em>KindEditor</em>编译器里输入完内容并<em>提交</em>表单后,<em>KindEditor</em>会自动将我们输入的内容“同步”
直观的说,只要用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表单的元素,不知道有没有更加简单的方法,求指教
下面要推荐的两款富文本编辑器都是使用JS编写,使用简单,非常轻量级。 NicEditor NicEdit是一个轻量级,跨平台的Inline Content Editor。.../JS/Eidtor/nicEdit.js" type="text/javascript"> ...KindEditor使用JavaScript编写,可以无缝的与Java、.NET、PHP、ASP等程序接合。这个是官网上的介绍。.../JS/KindEditor/kindeditor-min.js" type="text/javascript"> <script type="text/javascript...NicEditor相比较<em>KindEditor</em>来说还显的不是很成熟。在我最近的一个需求中就有两点没有达到,最后选用了KindEdior。
1下载kindeditor包,目前最新版本是kindeditor-3.5.5。下载地址:http://www.kindsoft.net/ 2.解压之后,解压目录kindeditor如下图所示。...3.开始瘦身,其实调用kindeditor并不需要那么多文件,只要保留目录:plugins、skins和文件kindeditor3.5.5.js即可。其余的文件均可删除。...4,把瘦身后的目录kindeditor拷贝到Web工程的WebRoot下面,然后打开kindeditor3.5.5.js,设置skinsPath和pluginsPath两个属性,值分别为/kindeditor.../skins,/kindeditor/plugins。...5 页面调用 (1)首先引入kindeditor3.5.5.js文件 (2) 在要调用编辑器的文件中建立textArea标签,如:<textarea id=”editor” name=”editor
大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法: 利用iframe 我们可以利用一个隐藏的iframe来实现, 主要是我们把提交目标放到一个隐藏的...iframe里, 然后让iframe提交数据 (ps: 这个未实测, 仅仅是网上提供的, 我记录一下...., 然后我们return false(让submit这次的点击触发事件失效, 否则表单又会提交一次, 并且刷新页面) 我们可以这样: ====== 如果你用原生js的话 html代码: js代码: function post_data(){ // ajax数据提交代码 // ........" /> js代码: $(document).ready(function() { $('#err_form').submit(function() { //这次我们这么绑定 var
/" mapping="/js/**"/> KindEditor、jquery 这些资源请自行下载自行下载 前端代码 index.jsp <script type="text/javascript" src="/<em>js</em>/<em>kindeditor</em>/lang/zh_CN.<em>js</em>...,放到静态资源中,并通过script标签指定(注意核实路径,<em>js</em>指定后需要重启项目) 3.设置自动<em>提交</em>的代码 $(function(){ var obj; <em>KindEditor</em>.ready(function(K)
在工作中遇到表单提交之前,需要验证用户输入的是否为空,之前使用ajax做提交,在js里面直接做判断,如果用户输入为空则弹出提示框(起初默认是隐藏的,非alert弹出框),让用户重新输入,当输入框获取焦点的时候... ...;return true;表单提交。...在return false 做操作,判断,条件满足则提交,条件不满足,不提交。 在用户提交空的时候,会弹出提示框。...参考文章: 阻止表单submit提交(在提交之前做验证及判断) https://blog.csdn.net/weixin_40933787/article/details/80110207
领取专属 10元无门槛券
手把手带您无忧上云