引用
项目中一直使用fck做为html编辑器,最近需要在一个ajax应用中整合fckeditor, 然后看了看 http://www.iteye.com/article/44349 这篇文章(里面已经讲过fck提交的时候处理过程,这里就不赘述了). 同时macrochen 也提供了一个办法来整合应用. 我这里要说的是另外一种投机的偷懒做法:
因为fck是在提交的时候才将iframe中的html写到一个隐藏的textarea中,所以提交的时候直接取这个textarea是取不倒值的,为了不去更改fck的源码,我走了另外一条路子,就是将表单"提交两次", 注意是加了引号的. 第一次提交的时候,永远返回false,目的就是一个,让fck把ifame中的html写到textarea中,然后过1秒以后在提交一次,这个时候就能很方便的取到表单的值了.
下面附上js代码:
<script type='text/javascript'>
var submitCount = 1; //记录提交次数
function validate() //表单提交的时候验证函数 onsubmit="return validate()'
{
if(submitCount == 1) //第一次提交直接返回false,并且1秒以后再执行validate().
{
submitCount ++;
setTimeout('validate()',1000);
return false;
}
//第二此提交的时候直接可以从表单中取得值了.
var frm = $('testFrm');
var params = frm.serialize();
$("info").innerHTML = params;
return false;
}
</script>
声明:JavaEye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
全新 IBM SOA 数据服务开发工具
IBM Rational开发者大会9月盛大揭幕!
返回顶楼
abcd123efg123 等级:
文章: 65
积分: 287
时间:2007-03-02 收藏 你的JS代码贴重复了
不知道下面的语句能否符合你的要求。
var editor = FCKeditorAPI.GetInstance("EditorDefault");
var content=editor.EditorDocument.body.innerHTML;
返回顶楼 0 0 积分不足30无法投票
sorphi 等级:
性别:
文章: 326
积分: 735
来自: 北京
时间:2007-03-05 收藏 提交之前,oFCKeditor_fieldClientId.UpdateLinkedField();就可以取得值了
返回顶楼 0 0 积分不足30无法投票
JavaFlasher 等级:
性别:
文章: 112
积分: 233
来自: 北京
时间:2007-03-15 收藏 引用
var editor = FCKeditorAPI.GetInstance("EditorDefault");
var content=editor.EditorDocument.body.innerHTML;
是java 代码还是 js代码
返回顶楼 0 0 积分不足30无法投票
cozone_柯中 等级:
性别:
文章: 225
积分: 434
来自: 湖北武汉北京
时间:2007-03-15 收藏 JavaFlasher 写道
引用
var editor = FCKeditorAPI.GetInstance("EditorDefault");
var content=editor.EditorDocument.body.innerHTML;
是java 代码还是 js代码
是js代码
返回顶楼 0 0 积分不足30无法投票
songshaoxin 等级: 初级会员
文章: 4
积分: 0
时间:2007-08-27 收藏 正确写法应该是这样的吧,而且取得也不是那个隐藏的input框的id,应该是取iframe后面那个隐藏的textarea的ID
var content = FCKeditorAPI.GetInstance("textarea_id").GetXHTML();
返回顶楼 0 0 积分不足30无法投票
songshaoxin 等级: 初级会员
文章: 4
积分: 0
时间:2007-08-27 收藏 正确写法应该是这样的吧,而且取得也不是那个隐藏的input框的id,应该是取iframe后面那个隐藏的textarea的ID
var content = FCKeditorAPI.GetInstance("textarea_id").GetXHTML();
返回顶楼 0 0 积分不足30无法投票
songshaoxin 等级: 初级会员
文章: 4
积分: 0
时间:2007-08-27 收藏 嗯?点一下就发重了
返回顶楼 0 0 积分不足30无法投票
SanyKing 等级: 初级会员
性别:
文章: 8
积分: 0
来自: 宁波
时间:2007-09-05 收藏 我在ruby on rails 中用了ajax和FCKEditor,也出现和foxty 差不多的问题,<form id="t_form" name="t_form" onsubmit="new Ajax.Updater('ajax_new_result', '/topic/create_next', {asynchronous:true, evalScripts:true, onComplete:function(request){document.getElementById('ajax_new_result').innerHTML=request.responseText;hide_loading('t_form-loading',['t_form-submit'])}, onLoading:function(request){show_loading('t_form-loading',['t_form-submit']);}, parameters:Form.serialize(this)}); return false;"
action="/topic/create_next" method="post" ENCTYPE="multipart/form-data">
我那个onsubmit直接用在 ajax上 要搞两次提交麻烦了
分享到:
相关推荐
在SSH(Struts、Spring、Hibernate)项目中整合FCKeditor文本编辑器是常见的需求,因为FCKeditor是一款功能强大的富文本编辑器,能够提供丰富的文本格式化和媒体插入功能,便于用户在Web应用程序中创建和编辑内容。...
FCKeditor 是一个基于JavaScript的开源富文本编辑器,广泛应用于Web开发中,特别是在Java平台上的JSP页面。它允许用户在网页上创建和编辑内容,提供了类似Microsoft Word的界面,使得非技术人员也能方便地进行文本...
【在项目中整合FCKeditor】的文档主要讨论了如何在Web 2.0时代的项目中集成FCKeditor,这是一个流行的开源在线文本编辑器。在现代互联网应用中,尤其是内容管理系统(CMS)或社区论坛,集成这样的编辑器是必不可少的...
这样的整合可以使开发者在EXT构建的应用中嵌入一个功能强大的文本编辑器,方便用户编辑和管理文本内容。 EXT的组件化设计使得它与各种第三方库和插件的整合变得相对容易。FCKeditor的集成通常涉及到以下几个步骤: ...
在项目中整合FCKeditor是一项常见的任务,尤其是在开发富文本编辑器应用时。FCKeditor是一款功能强大的开源JavaScript文本编辑器,它允许用户在网页上创建、编辑和格式化文本,类似于桌面应用程序中的Word。本教程将...
7. 运行Web项目,你应该能看到FCKeditor在Struts2应用中正常工作了。 如果你需要调试FCKeditor-java-2.6-core的源码,可以按照以下步骤操作: 1. 下载源码fckeditor-java-2.6-src.zip。 2. 将源码添加到你的项目...
Java中的FCKEditor是一款流行的开源富文本编辑器,它允许用户在Web应用中创建和编辑HTML内容。FCKEditor提供了一种图形化的用户界面,使得非程序员也能方便地进行文字格式化、插入图片、链接等操作。在Java环境中...
在这个FCKeditor的应用实例中,Struts2可能被用来处理用户通过FCKeditor提交的数据,实现前后端的数据交互。 四、文件上传功能 FCKeditor的一个重要特性就是支持文件上传。用户可以在编辑器中直接插入图片或上传...
在Kohana框架中整合FCKeditor,可以提升网站内容管理系统的用户体验,使得非技术背景的用户也能方便地创建和编辑内容。 **集成FCKeditor到Kohana框架的步骤** 1. **安装FCKeditor**: 首先,你需要从官方站点下载...
**标题:“FCKEditor在Java中的应用”** **一、FCKEditor简介** FCKEditor是一款开源的HTML编辑器,它允许用户在Web应用程序中创建和编辑富文本内容。这款编辑器提供了类似Microsoft Word的界面,支持图片上传、...
"在Lotus中嵌入Fckeditor上传代码"这个主题涉及到在Lotus Notes应用中集成FCKeditor,一个流行的开源富文本编辑器,以实现更加美观且功能强大的附件上传功能。FCKeditor以其易于使用和高度自定义的特性,被广泛用于...
通过以上步骤,你就可以在JSP应用中成功整合FCKeditor与web EQ,实现一个强大的带有数学公式编辑功能的富文本编辑器。这将特别有利于教育和科研类网站,使得用户能方便地发布和分享含有复杂数学公式的文章。
FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页制作和内容管理系统中,它提供了类似于Microsoft Word的编辑体验,允许用户在浏览器中编辑文本、插入图片、创建超链接等。这个压缩包“FCKeditor开发jar包及...
4. **整合到项目**:在Java Web应用中,通过引入jar包并编写代码来调用fckeditor,通常在Servlet或JSP页面中实现。 5. **测试与调试**:最后,通过浏览器访问集成后的页面,测试编辑器的各项功能,确保正常工作。 ...
这篇博客文章“在EXT中使用FCKEditor编辑器例子”可能探讨了如何将FCKEditor集成到EXT应用中,为用户提供一个方便的文本编辑界面。 在EXT中集成FCKEditor,首先你需要理解EXT的基本概念,如组件(Component)、布局...
在"fckeditor与swfupload整合实例"中,我们主要关注如何将这两个工具结合起来,使用户能够在FCKeditor中方便地上传文件。整合过程通常包括以下几个步骤: 1. **安装和配置FCKeditor**:首先,你需要下载FCKeditor的...
在这个2.6.3版本的实例中,我们关注的是如何在.NET 2.0环境中,利用C#语言进行集成和应用。这个实例提供了一个最简单且实用的解决方案,对于初学者和开发者来说极具价值。 首先,我们需要了解FCKeditor的基本结构和...
将Struts与FCKeditor整合,主要是为了让用户在Web表单中能够方便地编辑和提交富文本内容。这个整合过程主要包括以下几个步骤: 1. **引入FCKeditor库**:首先需要将FCKeditor的JavaScript文件和相关资源(如CSS、...
在这个“fckeditor 完整示例”中,我们可以深入探讨它的核心功能和实际应用。 1. **安装与配置** - 下载`fckeditor`的完整包,解压后会得到一个包含所有必要文件和资源的文件夹。 - 在Web服务器上部署这个文件夹...