ueditor在表单中的提交

         最近一直在找一个比较好点的WEB文本编辑器,发现ueditor还是不错的,但是在表单提交数据后有一些问题,因为他不像以前的版本一样提供一个虚拟的文本框去提交数据,所以网上搜索的结果都不能用了,根据ueditor 1.4.3版本的提示可以使用editor.getContent()方法获得编辑器的内容,但是这个是用JS方法获取数据的,如何在表单提交时正常的将数据POST出去呢,想了办法,只能用一些原始的方法了,在表单中加一个隐藏表单项,在点击提交按钮里将编辑器中的数据用getContent()方法写进去,然后再提交表单。

如下面这样

插入一个隐藏表单项

<input name="info" type="hidden" id="info">

更改提交按钮和增加JS

<input type="button" name="Submit" value=" 提交 " onClick="uptext();"> 

<script type="text/javascript">
	//这段要放在文本编辑器的实例化之后
	function uptext(){
		if (!UE.getEditor('editor').hasContents()){
		alert('请先填写内容!');
		}else{
		document.setweb.info.value=UE.getEditor('editor').getContent();
		document.setweb.submit();
		}
	}
</script>

         插入以上代码后就可以程序中正常调用了

         如ASP用 request("info") PHP用$_POST["INFO"]来进行获取,目前测试小文本没有什么问题,不知道大文本怎么样,估计会有最大长度限制,没测试过不清楚,欢迎朋友们来交流。

猜你喜欢

转载自blog.csdn.net/gbnew/article/details/39006739
今日推荐