`
1qqqqqq
  • 浏览: 43285 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

主题:(投机取巧)在ajax应用中整合fckeditor

    博客分类:
  • java
阅读更多
引用

项目中一直使用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项目中整合FCKeditor文本编辑器

    在SSH(Struts、Spring、Hibernate)项目中整合FCKeditor文本编辑器是常见的需求,因为FCKeditor是一款功能强大的富文本编辑器,能够提供丰富的文本格式化和媒体插入功能,便于用户在Web应用程序中创建和编辑内容。...

    fckeditor 可应用于各个浏览器

    FCKeditor 是一个基于JavaScript的开源富文本编辑器,广泛应用于Web开发中,特别是在Java平台上的JSP页面。它允许用户在网页上创建和编辑内容,提供了类似Microsoft Word的界面,使得非技术人员也能方便地进行文本...

    在项目中整合FCKeditor.doc

    【在项目中整合FCKeditor】的文档主要讨论了如何在Web 2.0时代的项目中集成FCKeditor,这是一个流行的开源在线文本编辑器。在现代互联网应用中,尤其是内容管理系统(CMS)或社区论坛,集成这样的编辑器是必不可少的...

    ext-fckeditor整合

    这样的整合可以使开发者在EXT构建的应用中嵌入一个功能强大的文本编辑器,方便用户编辑和管理文本内容。 EXT的组件化设计使得它与各种第三方库和插件的整合变得相对容易。FCKeditor的集成通常涉及到以下几个步骤: ...

    在项目中整合FCKeditor.rar

    在项目中整合FCKeditor是一项常见的任务,尤其是在开发富文本编辑器应用时。FCKeditor是一款功能强大的开源JavaScript文本编辑器,它允许用户在网页上创建、编辑和格式化文本,类似于桌面应用程序中的Word。本教程将...

    Struts2与FCKeditor的整合.doc

    7. 运行Web项目,你应该能看到FCKeditor在Struts2应用中正常工作了。 如果你需要调试FCKeditor-java-2.6-core的源码,可以按照以下步骤操作: 1. 下载源码fckeditor-java-2.6-src.zip。 2. 将源码添加到你的项目...

    java中使用FCKEditor富文本编辑器

    Java中的FCKEditor是一款流行的开源富文本编辑器,它允许用户在Web应用中创建和编辑HTML内容。FCKEditor提供了一种图形化的用户界面,使得非程序员也能方便地进行文字格式化、插入图片、链接等操作。在Java环境中...

    FCKeditor应用完整例子

    在这个FCKeditor的应用实例中,Struts2可能被用来处理用户通过FCKeditor提交的数据,实现前后端的数据交互。 四、文件上传功能 FCKeditor的一个重要特性就是支持文件上传。用户可以在编辑器中直接插入图片或上传...

    kohana框架整合FCKeditor

    在Kohana框架中整合FCKeditor,可以提升网站内容管理系统的用户体验,使得非技术背景的用户也能方便地创建和编辑内容。 **集成FCKeditor到Kohana框架的步骤** 1. **安装FCKeditor**: 首先,你需要从官方站点下载...

    fckEditor在java中的应用

    **标题:“FCKEditor在Java中的应用”** **一、FCKEditor简介** FCKEditor是一款开源的HTML编辑器,它允许用户在Web应用程序中创建和编辑富文本内容。这款编辑器提供了类似Microsoft Word的界面,支持图片上传、...

    在Lotus中嵌入Fckeditor上传代码

    "在Lotus中嵌入Fckeditor上传代码"这个主题涉及到在Lotus Notes应用中集成FCKeditor,一个流行的开源富文本编辑器,以实现更加美观且功能强大的附件上传功能。FCKeditor以其易于使用和高度自定义的特性,被广泛用于...

    JSP例子:Fckeditor整合web EQ 公式编辑器

    通过以上步骤,你就可以在JSP应用中成功整合FCKeditor与web EQ,实现一个强大的带有数学公式编辑功能的富文本编辑器。这将特别有利于教育和科研类网站,使得用户能方便地发布和分享含有复杂数学公式的文章。

    FCKeditor开发jar包及fckeditor文件夹

    FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页制作和内容管理系统中,它提供了类似于Microsoft Word的编辑体验,允许用户在浏览器中编辑文本、插入图片、创建超链接等。这个压缩包“FCKeditor开发jar包及...

    fckeditor2.6.3 完整文件配带jar包

    4. **整合到项目**:在Java Web应用中,通过引入jar包并编写代码来调用fckeditor,通常在Servlet或JSP页面中实现。 5. **测试与调试**:最后,通过浏览器访问集成后的页面,测试编辑器的各项功能,确保正常工作。 ...

    在EXT中使用FCKEditor编辑器例子

    这篇博客文章“在EXT中使用FCKEditor编辑器例子”可能探讨了如何将FCKEditor集成到EXT应用中,为用户提供一个方便的文本编辑界面。 在EXT中集成FCKEditor,首先你需要理解EXT的基本概念,如组件(Component)、布局...

    fckeditor与swfupload整合实例

    在"fckeditor与swfupload整合实例"中,我们主要关注如何将这两个工具结合起来,使用户能够在FCKeditor中方便地上传文件。整合过程通常包括以下几个步骤: 1. **安装和配置FCKeditor**:首先,你需要下载FCKeditor的...

    FCKeditor应用经典实例

    在这个2.6.3版本的实例中,我们关注的是如何在.NET 2.0环境中,利用C#语言进行集成和应用。这个实例提供了一个最简单且实用的解决方案,对于初学者和开发者来说极具价值。 首先,我们需要了解FCKeditor的基本结构和...

    struts和fckeditor整合完整版

    将Struts与FCKeditor整合,主要是为了让用户在Web表单中能够方便地编辑和提交富文本内容。这个整合过程主要包括以下几个步骤: 1. **引入FCKeditor库**:首先需要将FCKeditor的JavaScript文件和相关资源(如CSS、...

    fckeditor 完整示例

    在这个“fckeditor 完整示例”中,我们可以深入探讨它的核心功能和实际应用。 1. **安装与配置** - 下载`fckeditor`的完整包,解压后会得到一个包含所有必要文件和资源的文件夹。 - 在Web服务器上部署这个文件夹...

Global site tag (gtag.js) - Google Analytics