`

jsp调用fckeditor

    博客分类:
  • J2EE
阅读更多

 


<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

<FCK:editor id="afficheContext"  toolbarSet="wang" width="100%" height="250pt"
basePath="FCKeditor/">
</FCK:editor>

 

js代码
var content = FCKeditorAPI.GetInstance("afficheContext").GetXHTML(true);


----------------------------------------------------------------
javascript获取FCKeditor内容

// 获取编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
  var oEditor = FCKeditorAPI.GetInstance(EditorName);
  return(oEditor.GetXHTML(true));
}
// 获取编辑器中文字内容
function getEditorTextContents(EditorName) {
  var oEditor = FCKeditorAPI.GetInstance(EditorName);
  return(oEditor.EditorDocument.body.innerText);
}
// 设置编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
  var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
  oEditor.SetHTML(ContentStr) ;
}

 

 

 

在当前页获得 FCK 编辑器实例:

  var Editor = FCKeditorAPI.GetInstance('InstanceName');

  从 FCK 编辑器的弹出窗口中获得 FCK 编辑器实例:

  var Editor = window.parent.InnerDialogLoaded().FCK;

  从框架页面的子框架中获得其它子框架的 FCK 编辑器实例:

  var Editor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName');

  从页面弹出窗口中获得父窗口的 FCK 编辑器实例:

  var Editor = opener.FCKeditorAPI.GetInstance('InstanceName');

 获得 FCK 编辑器的内容:

  oEditor.GetXHTML(formatted); // formatted 为:true|false,表示是否按HTML格式取出

  也可用:

  oEditor.GetXHTML();

  设置 FCK 编辑器的内容:

  oEditor.SetHTML("content", false); // 第二个参数为:true|false,是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置"哦作。

插入内容到 FCK 编辑器:

  oEditor.InsertHtml("html"); // "html"为HTML文本

  检查 FCK 编辑器内容是否发生变化:

  oEditor.IsDirty();

  在 FCK 编辑器之外调用 FCK 编辑器工具条命令:

 

分享到:
评论

相关推荐

    jsp调用FCKeditor 实例

    **JSP调用FCKeditor实例详解** 在Web开发中,常常需要提供用户友好的文本编辑功能,FCKeditor便是一个流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作。本实例是关于如何在JavaServer Pages...

    jsp调用FCKeditor示例,可在tomcat下直接运行

    **FCKeditor与JSP整合应用详解** 在Web开发中,富文本编辑器(Rich Text Editor)是不可或缺的一部分,它允许用户在网页上编辑内容,就像在Word文档中一样。FCKeditor是一款开源的JavaScript富文本编辑器,广泛应用...

    JSP版FCKeditor附最新Java开发包 v2.4

    4. **创建编辑器实例**:在JSP页面中,通过JavaScript调用FCKeditor的API来创建编辑器实例。例如: ```jsp var oFCKeditor = new FCKeditor( 'EditorValue' ) ; oFCKeditor.BasePath = '/path/to/fckeditor/' ;...

    fckeditor2.6 for jsp

    jsp 程序调用fckeditor2.6 版本的 小例子 本人发现fckeditor2.6加 fckeditor for 2.3 的时候在上传中文文件的时候会出现乱码 所以本人就小改了一下 fckeditor2.3的源代码,以时间重命名上传文件名,没什么技术...

    MVC.rar_FCKeditor jsp_fckeditor_mvc_mvc jsp_servlet

    【标题】"MVC.rar_FCKeditor jsp_fckeditor_mvc_mvc jsp_servlet" 涉及到的关键技术主要包括MVC(Model-View-Controller)架构模式、FCKeditor、以及Java web开发中的jsp、javabean和servlet。这个项目是一个使用...

    jsp使用fckeditor2.63的jar包

    这可能涉及在JSP中使用Java代码,或者通过JavaScript调用FCKeditor的API。 4. **交互操作**:可以通过JavaScript接口与FCKeditor进行交互,例如初始化编辑器、获取或设置编辑器内容、触发保存操作等。 5. **服务器...

    FCKeditor (jsp)版本使用详解

    压缩包包括: 1、使用FCKeditor jsp版本必备的五个包 2、fckeditor.properties配置 3、FCKeditor_2.6.4.zip 4、web.xml详细配置 5、调用方法的index.jsp 6、详细使用步骤

    jsp页面中加入fckeditor编译器

    3) **实例化编辑器**:通过JavaScript调用`FCKeditor`构造函数,传入编辑器ID(如上述示例中的`'editor'`),并设置其他参数,如宽度、高度、初始值等。 4) **创建编辑器**:最后,通过`oFCKeditor.Create()`方法将...

    JSP版FCKeditor附最新Java开发包v2.4

    开发者可以通过引用这些类库文件在JSP项目中调用FCKeditor的相关功能。通常,这些文件包括`.jar`包,用于在Java环境中运行,以及可能的源码文件,便于开发者进行二次开发或定制。 2. **fckeditor-java-2.4开发包**:...

    JSP中FCKEditor的使用实例

    在JSP页面中,通过JavaScript调用`FCKeditor.Create()`方法创建编辑器实例。例如: ```jsp ; charset=UTF-8" %&gt; &lt;!DOCTYPE html&gt; &lt;title&gt;FCKEditor JSP 实例 &lt;script type="text/javascript" src="fckeditor/...

    FCKeditor (jsp在线编辑器)配置总结

    **FCKeditor (jsp在线编辑器)配置总结** FCKeditor是一款开源的Web富文本编辑器,主要用于在网页上提供类似Microsoft Word的编辑体验,让用户能够方便地在浏览器端进行文字处理、格式调整和多媒体插入等操作。它...

    jsp下fckeditor配置.实现图片上传功能

    2. **创建编辑器实例**:在JSP页面中,使用JavaScript调用`FCKeditor.Create()`方法来创建编辑器实例。你需要指定编辑器的ID和实际显示的HTML元素ID。 ```html &lt;textarea id="myEditor"&gt;&lt;/textarea&gt; var ...

    FCKeditor之JSP调用实例源代码

    基于FCKeditor_2.5.1的代码实例,基于Java JSP调用,非常简单。【需RAR解压】 --注: 1.本人发资源纯为与诸位共享,发布前均做过测试保证可用。 2.如果下载后打不开请重新再试,可能是网络传输问题。 3....

    jsp fckeditor 整合 实例

    (2) **创建编辑器实例**:在`JSP`页面中,通过JavaScript调用`FCKeditor.Create()`方法创建编辑器实例。例如: ```jsp &lt;script src="&lt;s:url value="/fckeditor/fckeditor.js"/&gt;" type="text/javascript"&gt; window....

    FCKeditor Word控件 JSP编辑控件 word

    调用FCKeditor** 在JSP中使用FCKeditor通常涉及以下步骤: - **下载和引入**:首先从官方或第三方网站下载FCKeditor的压缩包,解压后将所需文件放入项目的资源目录。 - **配置路径**:在JSP页面中设置FCKeditor的...

    FCKeditor 在jsp中的用法

    《FCKeditor在JSP中的应用详解》 FCKeditor是一款功能强大的富文本编辑器,广泛应用于网页内容编辑,尤其在Java Web开发中被频繁使用。本文将详细讲解如何在JSP环境中集成并配置FCKeditor,以及实现文件上传和目录...

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

    - 编写一个函数,如`FCKeditor_OnAfterCreate`,在这个函数里,你可以调用web EQ的API来初始化公式编辑器,并将其绑定到FCKeditor的编辑区域。 4. **创建web EQ的配置文件** - 根据web EQ的文档,创建一个配置...

    jsp程序中使用fckeditor编辑器

    4. **创建编辑器实例**:在JSP页面的HTML部分,你需要为FCKeditor指定一个ID和宽度、高度,然后通过JavaScript调用`FCKeditor.Create()`方法创建编辑器实例。例如: ```html ;height:500px;"&gt; var oFCKeditor =...

    FCKEditor 2.6 for java jsp

    3. **集成到JSP页面**:在JSP页面中引入FCKEditor的JavaScript库,通过指定textarea标签ID调用编辑器。 4. **编写后台处理代码**:为文件、图片和Flash上传编写Java处理代码,处理上传请求并保存文件。 5. **测试与...

Global site tag (gtag.js) - Google Analytics