随笔-13  评论-28  文章-63  trackbacks-0

1. 将FCKeditor2.1.1解压缩到项目的根目录下,目录结构为:\项目名\FCKeditor\ ,然后将FCKeditor-2.3.zip(java)压缩包中\web\WEB-INF\lib\目录下的两个jar文件拷到项目的\WEB-INF\lib\目录下。

2. 将FCKeditor-2.3.zip压缩包中\web\WEB-INF\目录下的web.xml文件合并到项目的\WEB-INF\目录下的web.xml文件中。

3. 修改合并后的web.xml文件,将名为SimpleUploader的Servlet的enabled参数值改为true,以允许上传功能,Connector Servlet的baseDir参数值用于设置上传文件存放的位置。

4. 上面两个servlet的映射分别为:/editor/filemanager/browser/default/connectors/jsp/connector和/editor/filemanager/upload/simpleuploader,因为我的FCKeditor是放到\项目名\FCKeditor\目录下,所以需要在两个映射前面加上/FCKeditor,即改为/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector和/FCKeditor/editor/filemanager/upload/simpleuploader。

5. 采用Taglib在jsp中添加如下代码创建在线编辑器:

    在页面的顶部加入〈%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %〉

    在适当的位置加入下面代码

  〈FCK:editor id="infoContent" basePath="/CM/FCKeditor/"
              width="522"
              height="300"
              skinPath="/CM/FCKeditor/editor/skins/silver/"
              defaultLanguage="zh-cn"
              tabSpaces="8"
              toolbarSet="CM"
              imageBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
              linkBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
              flashBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
              imageUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
              linkUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
              flashUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"〉
              请输入内容
  〈/FCK:editor〉

    注意/CM/,为项目名,不用修改web.xml文件。

6. 经过上面步骤就可以在jsp中使用FCKeditor了。

===================================================================

另外,如果使用WebLogic,需要将FCKeditor-2.3.zip压缩包中src目录下的FCKeditor.tld文件提取出来,比如将其放到WEB-INF/tlds/目录下,然后将jsp页中的taglib语句修改为如下所示,就可以正常使用了:

<%@ taglib uri="/WEB-INF/tlds/FCKeditor.tld" prefix="FCK" %>

三、配置

  FCKeditor 2.0的配置文件为FCKeditor\fckconfig.js,其中几个重要的配置项目如下:

1、工具栏的设置

  默认情况下,FCKeditor会调用如下的工具栏按钮,大家可以根据自己的需要进行增减。需要注意的是,2.0版与1.6版的按钮并不完全相同,有些按钮以及删除或者改名了。

//##
//## Toolbar Buttons Sets
//##
FCKConfig.ToolbarSets["Default"] = [
       ['Source','-','Save','NewPage','Preview'],
       ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
       ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
       ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
       ['OrderedList','UnorderedList','-','Outdent','Indent'],
       ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
       ['Link','Unlink'],
       ['Image','Table','Rule','SpecialChar','Smiley'],
       ['Style','FontFormat','FontName','FontSize'],
       ['TextColor','BGColor'],
       ['About']
] ;

2、简体中文设置

编辑edit/lang/fcklanguagemanager.js

将下面语句

FCKLanguageManager.AvailableLanguages =
{
 'ar'  : 'Arabic',
 'bs'  : 'Bosnian',
 'ca'  : 'Catalan',
 'en'  : 'English',
 'es'  : 'Spanish',
 'et'  : 'Estonian',
 'fi'  : 'Finnish',
 'fr'  : 'French',
 'gr'  : 'Greek',
 'he'  : 'Hebrew',
 'hr'  : 'Croatian',
 'it'  : 'Italian',
 'ko'  : 'Korean',
 'lt'  : 'Lithuanian',
 'no'  : 'Norwegian',
 'pl'  : 'Polish',
 'sr'  : 'Serbian (Cyrillic)',
 'sr-latn' : 'Serbian (Latin)',
 'sv'  : 'Swedish'
}

添加一行 'zh-cn'    : 'Chinese' 从而变成

FCKLanguageManager.AvailableLanguages =
{
 'ar'  : 'Arabic',
 'bs'  : 'Bosnian',
 'ca'  : 'Catalan',
 'en'  : 'English',
 'es'  : 'Spanish',
 'et'  : 'Estonian',
 'fi'  : 'Finnish',
 'fr'  : 'French',
 'gr'  : 'Greek',
 'he'  : 'Hebrew',
 'hr'  : 'Croatian',
 'it'  : 'Italian',
 'ko'  : 'Korean',
 'lt'  : 'Lithuanian',
 'no'  : 'Norwegian',
 'pl'  : 'Polish',
 'sr'  : 'Serbian (Cyrillic)',
 'sr-latn' : 'Serbian (Latin)',
 'sv'  : 'Swedish',
 'zh-cn'     : 'Chinese'
}

  然后到这里http://www.shaof.com/download/zh-cn.js下载汉化好的zh-cn.js保存到editor/lang目录下即可。
posted on 2006-10-30 00:16 七匹狼 阅读(455) 评论(0)  编辑  收藏 所属分类: java

只有注册用户登录后才能发表评论。


网站导航: