百度编辑器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 最近项目代码中的表单提交的方式已经百花齐放了,现在用这篇文章来整理一下不同表单提交方式的区别,给出最佳实践 ...
随机推荐
- ubuntu16.04下安装cuda8.0
一.首先安装NVIDIA显卡驱动 通过NVIDIA-Linux-x86_64-367.44.run文件安装. 1. 添加 PPA. sudo add-apt-repository ppa:graphi ...
- Python 开发轻量级爬虫08
Python 开发轻量级爬虫 (imooc总结08--爬虫实例--分析目标) 怎么开发一个爬虫?开发一个爬虫包含哪些步骤呢? 1.确定要抓取得目标,即抓取哪些网站的哪些网页的哪部分数据. 本实例确定抓 ...
- Revit 自定义RibbonPanel到Revit中
项目下找到TheApplication.cs,更改内容: class TheApplication : IExternalApplication { public Result O ...
- mysql缓存
<cache/>字面上看就是这样.这个简单语句的效果如下: 映射语句文件中的所有 select 语句将会被缓存. 映射语句文件中的所有 insert, update 和 delete ...
- Android -- Activity,Fragment lifecycle
Activity Lifecyce Fragment Lifecycle: 程序运行: 09-16 13:59:22.883 19022-19022/com.example.android.archi ...
- Power BI for Office 365(二)Power Query
在上一篇中我们看到了Power BI在移动端的支持,从这一篇起降依次介绍Power BI中的各个功能组件,此篇讲通过一个故事来介绍如何在Power Query中获取并且组织数据. 在这个系列中,我们将 ...
- STM32解密STM32F103芯片解密STM32F103R6单片机破解多少钱?
STM32解密STM32F103芯片解密STM32F103R6单片机破解多少钱? STM32F系列单片机芯片解密型号: STM32F100 | STM32F101 | STM32F102 | ...
- iOS--关于同步下载
{ NSMutableArray *_dataList; } [self loadDataWithPage:]; [self loadDataWithURLConnection]; //记得初始化数组 ...
- pandas 学习(2): pandas 数据结构之DataFrame
DataFrame 类型类似于数据库表结构的数据结构,其含有行索引和列索引,可以将DataFrame 想成是由相同索引的Series组成的Dict类型.在其底层是通过二维以及一维的数据块实现. 1. ...
- Ado.Net事物处理
protected void Button2_Click(object sender, EventArgs e) { SqlConnection con = new SqlCo ...