`

JSP环境中FCKeditor的下载安装指南

阅读更多
FCKeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如MS Word这样强大的编辑功能。官方网站为http://www.fckeditor.net ,在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言,并且支持IE 5+、Mozilla 、Netscape等主流浏览器。

  首先在官方网站下载fckeditor,注意有两个包,一个是主文件,一个是jsp整合包的。

  1、解压FCKeditor_2.4.2.zip,(FCKeditor主文件),将FCKeditor目录复制到网站根目录下,

      下载地址:下面附件中有

  2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包),作用:This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.

      下载地址:下面附件有

  3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中并修改

    修改结果:

<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>
/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>

然后加入如下内容

<taglib>
   <taglib-uri>/FCKeditor</taglib-uri>
   <taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>

  4、然后我们将FCKeditor-2.3\web\WEB-INF\lib中的两个jar包拷贝到\fcktest\WEB-INF\lib目录下,将FCKeditor-2.3\src下的FCKeditor.tld拷贝到\fcktest\WEB-INF下。
  5、在需使用FCKeditor的jsp界面中加入:

// 文件开头处加入

<%@ taglib uri="/FCKeditor" prefix="FCK" %>

  //要使用的地方加入

<FCK:editor id="EditorAccessibility"
        width="80%" height="320"
        fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier
New;Tahoma;Times New Roman;Verdana"
    
imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector"
  
linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector"
  
flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector"
  
imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
  
linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
  
flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
  
   </FCK:editor>
<FCK:editor id="EditorAccessibility"
      width="80%" height="320"
      fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier
New;Tahoma;Times New Roman;Verdana"
    
imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector"
  
linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector"
  
flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector"
  
imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
  
linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
  
flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
  
   </FCK:editor>

  启动服务器测试…成功后,来给FCKeditor瘦瘦身.

  1、将FCKeditor目录下及子目录下所有以”_”下划线开头的文件夹删除

  2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部删除

  3.将editor/filemanager/upload目录下文件及文件夹清空.

  4.还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话)

  5.还可以将editor/lang目录下文件删除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件(英文,简体中文,繁体中文一般应该够用了:) )

  完成。

  其它问题:

  在struts+spring+hibernate中使用,上传图像功能中可能会出现报:

  The output format must have a ‘{http://xml.apache.org/xalan}content-handler’ property!

  错的情况,将WEB-INF/lib目录下xalan*.jar删除试试

  安全问题:

  假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题,在前台使用时,不要使用默认的ToolBar,要将添加图像,flash,图像域按钮去掉,在fckconfig.js中大约78行配置那些数组中的值就像当于界面上的一个功能,你可以强行把每组值试出来代表什么。

  到此安装FCKeditor就完成了,相关详细配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夹中web/_samples目录下的例子。
分享到:
评论

相关推荐

    jsp页面中加入fckeditor编译器

    FCKeditor是一款功能强大的开源文本编辑器,广泛应用于网页内容编辑,尤其在Java JSP开发环境中。它提供了丰富的文本格式化选项,支持图片、链接、表格等多媒体元素的插入,使得网页内容编辑更加直观和便捷。在JSP...

    VS2008下使用FCKeditor2.6.3安装配置详解

    通过以上步骤,您可以在Visual Studio 2008环境中成功安装和配置FCKeditor 2.6.3。确保按照指南进行每一步操作,并根据实际情况调整配置文件中的设置,以便使FCKeditor正常运行。如果遇到任何问题,建议参考官方文档...

    fckeditor完整版本下载

    这个“fckeditor完整版本下载”包含的文件提供了编辑器的安装和使用资源。 1. **FCKeditor介绍** FCKeditor是一款基于JavaScript的开源富文本编辑器,它支持多种浏览器,包括Internet Explorer、Firefox、Chrome和...

    FCKeditor2.3 for jsp编辑器(内附配置说明) .rar

    1. **安装与引入**:下载FCKeditor的JSP版本后,需要将包含的文件夹结构部署到JSP应用的WEB-INF目录下,通常是在lib目录中添加所需的jar文件,同时在web目录下放置编辑器的静态资源文件。 2. **配置编辑器**:...

    FCKeditor 在JSP上的完全安装.doc

    ### FCKeditor在JSP平台上的完全安装指南 #### 一、引言 FCKeditor是一款功能强大的在线富文本编辑器,广泛应用于新闻系统、博客系统等需要进行内容编辑的应用场景。它支持多种编程语言环境,包括Java。本文将详细...

    fckeditor-java-2.4.1-src.zip_FCKeditor jsp_fckeditor-java_fcked

    标签中的"fckeditor__jsp"暗示了这个版本的FCKeditor是专为Java Servlet(JSP)环境设计的。这意味着你可以直接在JSP页面中使用它,通过简单的配置和标签就能将富文本编辑功能集成到你的Java Web应用中。 至于...

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

    通过以上步骤,你就能够在JSP环境中配置FCKeditor并实现图片上传功能。注意,实际部署时,你可能还需要考虑安全问题,比如防止非法文件上传、限制文件大小、过滤恶意文件类型等。同时,考虑到性能,可以考虑使用异步...

    网页编辑器FCKeditor.jar 及使用方法

    **FCKeditor.jar 网页编辑器详解与使用指南** **一、FCKeditor简介** FCKeditor是一款开源的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作,包括插入文本、图像、链接、表格、列表等。这个编辑器以...

    fckeditor在java中的运用

    首先,你需要将FCKeditor的库文件下载并放入项目的Web-INF/lib目录下,然后在需要使用编辑器的JSP页面中引入JavaScript文件,通常在`&lt;head&gt;`标签内添加引用。 3. **配置与初始化** 配置FCKeditor涉及设置编辑器的...

    FCKeditor使用指南

    ### FCKeditor使用指南 #### 1. FCKeditor的下载及介绍 ##### 1.1 下载地址 - **FCKeditor主页**: [http://www.FCKeditor.net](http://www.FCKeditor.net) - **演示地址**: [http://www.FCKeditor.net/demo]...

    FCKEditor2.0b2- JSP版在线html编辑器

    1. **README.txt**:这是软件或项目中常见的文件,通常包含关于FCKEditor 2.0b2的基本信息、安装指南、使用方法、许可协议等重要信息,是了解和使用编辑器的第一步。 2. **build.xml**:这是一个Ant构建文件,Ant是...

    FckEditor在SSH中的配置

    这篇博文将指导你如何在SSH项目中配置和使用FCKeditor。 **一、FCKeditor简介** FCKeditor最初由Fernando Montiel和Carlos Díaz创建,现在已发展为CKEditor。它支持多种浏览器,如IE、Firefox、Chrome和Safari,...

    FCKeditor_2.6.3.zip jsp编辑器

    总之,这个压缩包提供了一个完整的解决方案,用于在jsp网站中集成FCKeditor 2.6.3版本的富文本编辑器,并且包含了详细的配置和修改指导,对于Java开发者来说,是一个非常实用的资源。通过遵循提供的配置文档,开发者...

    FCKeditor的jsp版(软件+教程)

    4. **教程**:教程材料可能会涵盖安装步骤、配置指南、常见问题解答以及最佳实践。这些教程可以帮助新手快速上手,了解如何在自己的项目中部署和使用FCKeditor。 5. **示例数据**:可能包括一些预设的HTML样本,供...

    FCKEditor完整使用说明--一步步教你使用FCKeditor插件

    **FCKEditor完整使用说明** FCKeditor是一款强大的开源HTML编辑器,被广泛应用于网站内容管理系统(CMS)、论坛和其他需要富文本编辑功能的...希望这份指南能帮助你顺利上手FCKeditor,祝你在Web开发中取得更多成就!

    FCKEditor_ASP精简版

    在压缩包中,`readme.txt` 文件通常包含有关如何安装、配置和使用FCKEditor_ASP的说明,可能还会包含开发者的一些注意事项和建议。而 `fck` 文件夹很可能是FCKEditor的根目录,里面包含了编辑器的所有必要文件,如...

    FCKEditor使用指南.rar

    在本使用指南中,我们将深入探讨FCKEditor的基本概念、安装、配置、使用方法以及一些高级功能。 1. **基本介绍** FCKEditor 是由巴西开发者 Frederico Caldeira Knabben 创建的,最初命名为 FCKeditor,后更名为 ...

    fckeditor所有jar包、使用方法、实例

    2. **如何使用.doc**:这份文档可能指导用户如何在Java项目中安装和配置FCKeditor,包括添加jar包、创建编辑器实例、集成到Web页面等步骤。 3. **fckeditor-java-2[1].4.2-src.tar.gz**:这是FCKeditor的Java版本源...

    FCKeditor 网页在线编辑器的使用方法

    FCKeditor的下载和官方文档可以通过其官方网站获取,这为开发者提供了安装和配置的指导,以及使用过程中可能遇到问题的解决方案。在使用FCKeditor时,开发者应确保遵循官方文档,以及利用官方网站上提供的资源和工具...

Global site tag (gtag.js) - Google Analytics