百度编辑器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>

不过出现新的问题，页面中工具栏不见了，以及多了一个框架：

百度编辑器ueditor 的 submit 表单提交

最后改回直接调用方式：

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>

<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 表单提交

相关文章