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
七匹狼 阅读(467)
评论(0) 编辑 收藏 所属分类:
java