百度编辑器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 最近项目代码中的表单提交的方式已经百花齐放了,现在用这篇文章来整理一下不同表单提交方式的区别,给出最佳实践 ...
随机推荐
- 【GoLang】golang 中 defer 参数的蹊跷
参考资料: http://studygolang.com/articles/7994--Defer函数调用参数的求值 golang的闭包和普通函数调用区别:http://studygolang.com ...
- iOS9 新功能:Support Universal Links
先看官方文档:https://developer.apple.com/library/ios/documentation/General/Conceptual/AppSearch/UniversalL ...
- 错误:The method replace(int, Fragment) in the type FragmentTransaction is not applicable for the arguments (int, MyFragment)
Fragment newfragment =new MyFragment();fragmentTransaction.replace(R.layout.activity_main,newfragmen ...
- ACM/ICPC 之 卡卡的矩阵旅行-最小费用最大流(可做模板)(POJ3422)
将每个点拆分成原点A与伪点B,A->B有两条单向路(邻接表实现时需要建立一条反向的空边,并保证环路费用和为0),一条残留容量为1,费用为本身的负值(便于计算最短路),另一条残留容量+∞,费用为0 ...
- ASM:《X86汇编语言-从实模式到保护模式》第15章:任务切换
15章其实应该是和14章相辅相成的(感觉应该是作者觉得14章内容太多了然后切出来了一点).任务切换和14章的某些概念是分不开的. ★PART1:任务门与任务切换的方法 1. 任务管理程序 14章的时候 ...
- JavaScript高级程序设计学习笔记--高级技巧
惰性载入函数 因为浏览器之间行为的差异,多数JavaScript代码包含了大量的if语句,将执行引导到正确的代码中,看看下面来自上一章的createXHR()函数. function createXH ...
- node在centos下的安装
CentOS 下安装 Node.js 1.下载源码,你需要在https://nodejs.org/en/download/下载最新的Nodejs版本,本文以v4.6.2为例: cd /usr/loca ...
- [转] CC 命令
1.最基本的操作cleartool co -nc xxx.cppcleartool ci -nc xxx.cpp 2.查看自己总共co了多少文件cleartool lscheckout -cview ...
- GitHub使用心得
PHP今天算是学习结束了;版本控制也了解很久了,比较熟悉的是svn,Git一直都不太熟,也可能是它是英文的缘故,感觉很费劲,所以用的不多,但不得不说,它功能真的很强大;今天试着和朋友用Git开发一个简 ...
- 与你相遇好幸运,服务器node环境安装
>服务器更改root密码 sudo passwd root >服务器ubuntu安装ssh apt-get install openssh-server >服务器开启root用户密码 ...