首页 > 代码库 > ueditor在表单中的提交

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=http://www.mamicode.com/" 提交 " onClick="uptext();"> 

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

 

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

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

ueditor在表单中的提交