百度编辑器ueditor 的 submit 表单提交
页面中表单提交代码:
<input type="submit" name="Submit" value="修改保存">
提交的结果正常!
在另一个页面中提交代码如下:
<td height="30" style="PADDING-LEFT: 10px"><input type="submit" name="Submit" value="提交发表" onClick="document.form1.Content.value = frames.message.document.body.innerHTML;"></td>
提交后结果丢失(编辑框内容并没有被写出)!
百度结果:
当前页面 表单 form1 里 content元素的值= 框架页面message 的所有HTML代码
检查表单的标签发现缺少iframe框架标签,添加后正常提交
<iframe>
<script type="text/javascript">
var editor= UE.getEditor('Content');
</script>
</iframe>
不过出现新的问题,页面中工具栏不见了,以及多了一个框架:
最后改回直接调用方式:
function ResetForm(){
if (window.confirm('确认要清空对话框内容?')){
UE.getEditor('Content').setContent('');
return true;
}
return false;
}
...
</script> <title>修改内容</title>
<link href="ueditor/themes/iframe.css" type="text/css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
<script type="text/javascript" charset="gbk" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="gbk" src="ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="gbk" src="ueditor/lang/zh-cn/zh-cn.js"></script>
<div>
<textarea name="Content" id="Content" type="text/plain" style="width:1024px;height:500px;"></textarea>
</div>
<script type="text/javascript">
var editor= UE.getEditor('Content');
</script> </td>
</tr>
<tr> </tr>
<tr bgcolor="#E8F1FF">
<td align="right"></td>
<td height="30" style="PADDING-LEFT: 10px"><input type="submit" name="Submit" value="提交发表" onClick="document.form1.Content.value = UE.getEditor('Content').getContent();"><input onClick="ClearReset()" type=reset name="Clear" value="重新填写"></td>
</tr>
在消除的回调中加入UE.getEditor('Content').setContent('');
在提交的回调中加入document.form1.Content.value = UE.getEditor('Content').getContent();
结果工作正常!
最坑爹的是,提交不到数据竟然跟form所在的表格层次有关,直接将
原代码位置:
<body>
<table class="tableBorder" width="98%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr bgcolor="#E8F1FF">
<td align="center" background="../images/admin_bg_1.gif" height="25"><b>添加新产品目录</b> </td>
</tr>
<tr bgcolor="#E8F1FF">
<form name="myform" method="post" action="saveaddproductyp.asp?action=add" OnSubmit="return checkkk()" >
移动form位置后:
<body>
<form name="myform" method="post" action="saveaddproductyp.asp?action=add" OnSubmit="return checkkk()" >
<table class="tableBorder" width="98%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr bgcolor="#E8F1FF">
一切正常了!坑!!!
百度编辑器ueditor 的 submit 表单提交的更多相关文章
- type="submit"表单提交理解
1.默认为form提交表单 . button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. 2.method=" ...
- Form Submit表单提交
<button type="button" ng-click="submit()"class="btn btn-block btn-danger ...
- html表单提交方式
xml 表单提交方式: * 使用submit提交 <form> 要提交的数据 <input type="submit" /'> </form> ...
- jquery表单提交和重置
$('#myform').submit() 表单提交 $('#myform')[0].reset() 表单重置
- 关于form与表单提交操作的一切
原文链接:http://caibaojian.com/form.html 你知道,一个表单里面只要有form元素,如果没有给action加一个默认值,为空白的时候,当你刷新页面时,会弹出一个警告框提示 ...
- summernote富文本编辑器配合validate表单验证无法进行表单提交的问题
1.使用summernote富文本编辑器提交图片到服务器 在使用bootstrap中,我们用到了summernote富文本编辑器,使用summernote将图片上传到服务器中,参考我的上篇文章http ...
- 表单提交中的input、button、submit的区别
1.input[type=submit] 我们直接来看例子: 代码如下: <form> <input name="name"> <input type ...
- 在表单提交之前做校验-利用jQuery的submit方法
点击表单中的提交按钮,默认就会提交表单,如果要在表单提交之前做一些校验,那么就可以用jQuery的submit方法. 也就是jQuery的submit的方法执行顺序,在表单的提交之前.用法如下: $( ...
- 表单提交:button input submit 的区别
http://harttle.com/2015/08/03/form-submit.html 最近项目代码中的表单提交的方式已经百花齐放了,现在用这篇文章来整理一下不同表单提交方式的区别,给出最佳实践 ...
随机推荐
- python基础一
1.1 Python优点 1.简单.优雅.明确 2.强大的模块三方库 3.易移植 4.面向对象 5.可扩展(c\java\c#...) 1.2 Python缺点 1.代码不能加密 2.速度慢 1. ...
- 加速android源码编译
添加缓存环境变量 : 在 ~/.bashrc 环境变量文件中 添加 export USE_CCACHE=1环境变量, 加速随后的编译过程; 分配缓存磁盘大小 为 ccache 指定磁盘中的一部分大小, ...
- ecshop二次开发常用文件位置
语言包修改: /language/zh_cn/admin/common.php 商品详情页模板: /themes/**/goods.dwt (最下方有changePrice() 点选属性或改变数量时 ...
- WEB API异常处理
当一个web api抛出一个异常后 此异常会被转化成一个HTTP响应 错误代码为500的服务错误 但是如果你不想让客户端看到500的错误码 你也可以自定义错误码 如下代码当用户输入的ID没有与之相关的 ...
- spring aop 环绕通知around和其他通知的区别
前言: spring 的环绕通知和前置通知,后置通知有着很大的区别,主要有两个重要的区别: 1) 目标方法的调用由环绕通知决定,即你可以决定是否调用目标方法,而前置和后置通知 是不能决定的,他们只 ...
- Unity 3D 我来了
- Java通过sessionId获取Session
Servlet2.1之后不支持SessionContext里面getSession(String id)方法. 但是,我们可以通过HttpSessionListener监听器和全局静态map自己实现一 ...
- Fitbit Flex
Fitbit Flex 使用 7月4日,收到了在美国亚马逊上海淘的Fitbit Flex.首先谈谈这价格,在美国亚马逊上购买时的价格是98美元,下订单过后没几天,京东开始首发出售,价格定在898元.相 ...
- OF寄存器的判断
1000 0000 ADD 1100 0000 10 1:符号位是否有进位 有则为1 2:最高有效数值位是否向符号位产生进位 有则为1 1 XOR 0=1所以PF=1
- Loadrunner监控Linux系统资源
一.安装rsh和rpcbind 1.查看是否安装:rpm -qa |grep rsh 2.安装rsh:yum -y install rsh* 3.yum -y install nfs-utils r ...