`

如何获取iframe里面的Fckeditor的值

 
阅读更多

由于在FCKeditor的标签中,并没有支持html中一些事件,如何直接利用js获取其中的值就
成为了一个问题。
思路:在含有Fckeditor的页面中利用FCKeditor自动加载的js函数将获取内容的改值传递到一个hidden里面去,再在父页面中利用js获取hidden的值,从而实现对表单的提交

iframe页面:
<script type="text/javascript">
		
//FCK会自动加载此函数
function FCKeditor_OnComplete(editorInstance ){ 
  editorInstance.Events.AttachEvent('OnBlur',checkTextValue ) ; 
 }
//检查输入框的情况 
function checkTextValue(){
  var introducevalue=FCKeditorAPI.GetInstance("EditorDefault").EditorDocument.body.innerText;
        //alert(introducevalue);
     document.getElementById("hidden").value=introducevalue;
   
 if(introducevalue==""){ 
      alert("内容不能为空");
     }  
} 
</script>
父页面;
<script type="text/javascript">
function check()
{
alert(window.frames["qq"].document.getElementById("hidden").innerHTML);
}
</script>



分享到:
评论

相关推荐

    Js 获取和修改FCKeditor的值的代码

    ### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器,被广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。通过JavaScript,我们可以轻松地与...

    javascript获取FCKeditor内容

    ### JavaScript 获取 FCKeditor 内容详解 在深入解析如何使用JavaScript从FCKeditor中获取内容之前,我们先简要了解下FCKeditor是什么。FCKeditor是一款功能强大的富文本编辑器,它允许用户在网页上编辑类似Word...

    获取FCKeditor选中字符

    然而,由于FCKeditor是在IFrame内工作,所以我们需要先获取到IFrame的引用,然后在其上下文中执行相应的JavaScript代码。 以下是获取FCKeditor选中字符的基本步骤: 1. **获取IFrame**:使用JavaScript的DOM操作,...

    javascript获取FCKeditor内容.txt

    ### JavaScript 获取 FCKeditor 内容详解 #### 一、简介 FCKeditor(现更名为CKEditor)是一款功能强大的富文本编辑器,广泛应用于Web应用中。它支持各种复杂的格式和样式,允许用户轻松地编辑HTML内容。在很多场景...

    利用Javascript取和设FCKeditor值(转)

    NULL 博文链接:https://zyzhongyang.iteye.com/blog/839996

    FCKeditor获取选中内容的JS

    在JavaScript中,我们不能直接使用DOM操作来获取IFrame内的选中内容,因为它们属于不同的上下文。因此,我们必须借助FCKeditor提供的API来完成这个任务。 1. **获取FCKeditor选中内容**: FCKeditor提供了一个名为...

    javascript获取FCKeditor内容.pdf

    JavaScript是与FCKeditor交互的主要语言,用于获取和设置编辑器中的内容,以及执行各种编辑操作。本文将详细介绍如何使用JavaScript获取和操作FCKeditor的内容。 首先,FCKeditor在页面加载完成后会注册一个全局...

    最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

    兼容目前的浏览器 里面包含FCKeditor编辑器和控件 一、集成方法 FCKeditor应用在ASP.NET上,需要两组文件,一组是FCKeditor本身,另一个是用于ASP.NET的FCKeditor控件(分为1.1和2.0两个版本,这里使用2.0版本)。 ...

    FCKeditor

    **FCKeditor** 是一个非常流行的开源富文本编辑器,广泛应用于Web开发中,使得用户可以在网页上方便地编辑和格式化文本,包括插入图片、链接等操作。它支持多种编程语言,如JavaScript、ASP、ASP.NET、PHP、JSP等,...

    FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

    FCKeditor是一款强大的开源文本编辑器,主要用于网页内容的创建和编辑。它的名称来源于"Freeware Complete Kit for Web Editors"的首字母缩写,旨在提供一个功能丰富的HTML编辑器,让非技术人员也能轻松编辑网页内容...

    FCKeditor富文本文件

    FCKeditor通过在浏览器端生成一个iframe,然后在这个iframe内创建一个模拟的文本编辑环境。用户在编辑器中进行的操作都会被实时转换成HTML代码,这些代码可以被发送到服务器,或者保存在客户端的本地存储中。编辑器...

    FCKeditor && fckeditor.properties

    **FCKeditor与fckeditor.properties详解** 在JSP(JavaServer Pages)开发环境中,富文本编辑器FCKeditor是一款广泛使用的开源工具,它允许开发者在网页上创建具有类似Word功能的文本编辑区域,用户可以方便地进行...

    FCKeditor 2.6.6 可直接使用

    **FCKeditor 2.6.6:一个经典且易集成的在线文本编辑器** FCKeditor是一款在Web开发中广泛使用的开源富文本编辑器,它允许用户在浏览器环境中进行类似Word的文本编辑操作。标题提到的是FCKeditor的2.6.6版本,这是...

    fckeditor

    1. **安装与配置**:FCKeditor通常通过下载压缩包获取,解压后在网页中引入相应的JavaScript文件即可。配置文件`fckconfig.js`可以调整编辑器的设置,如禁用某些功能或更改默认配置。 2. **安全考虑**:由于...

    FCKeditor开发jar包及fckeditor文件夹

    - FCKeditor虽然已经停止更新,但仍有大量的项目在使用,开发者可以在网上找到许多关于FCKeditor的教程、问答和论坛讨论,获取帮助和解决问题。 总的来说,这个压缩包提供了在Java和Web环境中使用FCKeditor编辑器...

    FCKEDITOR_ASP版

    **FCKEDITOR_ASP版** 是一个基于ASP的富文本编辑器实现,它允许用户在网页上进行格式化的文本输入,类似于Word的功能。这个编辑器主要用于网站内容管理系统、论坛、博客等需要用户编辑HTML内容的场景。FCKeditor是一...

    fckeditor2.6.3 完整版

    这个集合用于更改配置中某一项的值,如 oFckeditor.Config["DefaultLanguage"]="pt-br"; 方法: Create() 建立并输出编辑器 RepaceTextArea(TextAreaName) 用编辑器来替换对应的文本框 如何配置FCKEDITOR? ...

    FCKeditor_2.6.8.zip

    **FCKeditor 2.6.8:一个强大的在线文本编辑器** FCKeditor是一款开源的、基于Web的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作,支持创建和编辑含有图文混合的内容。这个版本是2.6.8,是一个稳定...

    Fck文本编辑器 FCKeditor fckeditor

    1. **下载与解压**: 从官方网站或第三方源获取FCKeditor的压缩包,解压到服务器上的适当位置。 2. **配置文件**: 修改`fckconfig.js`文件,根据需求设置编辑器的默认参数,如工具栏布局、语言设置等。 3. **集成到...

Global site tag (gtag.js) - Google Analytics