集成javascript步驟
參考文檔：http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Integration/JavaScript
1.將JavaScript集成模塊腳本放入<head>標籤中
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
2.創建fckeditor
方法一：（內聯）
在<body>標籤適當位置放入如下代碼（通常放在標籤中）
<script>
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "fckeditor/";
oFCKeditor.Create();
</script> 方法二：（替代<textarea>）
在<head>標籤中添加onload方法
<script>
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>在<body>標籤中添加以下代碼
<textarea id="MyTextarea" name="MyTextarea">
This is <b>the</b> initial value.
</textarea>方法三：（動態生成）
在<head>標籤中定義 createFckeditor()方法
<script>
function createFckeditor()
{
var div = document.getElementById("myFCKeditorDiv");
var fck = new FCKeditor("myFCKeditor");
fck.BasePath = "fckeditor/" ;
div.innerHTML = fck.CreateHtml();
}
</script> 在中div中動態顯示fckeditor
<a href="javascript:void(0);" onclick="createFckeditor();"> 動態創建fckeditor </a>
<div id="myFCKeditorDiv"> </div> fckeditor對象屬性
[table]
|屬性名 | 描述 | 默認值 |
|Width |寬度| 100%|
|Height |高度 |200 |
|Value| 編輯器初始化內容| 空字符串 |
|ToolbarSet| 工具條集合的名稱(Default，Basic，或自定義) |Default|
|BathPath |編輯器的基路徑,BasePath要正確設置，以“/”結尾
| /fckeditor|
[/table]
例如：
var oFCKeditor = new FCKeditor( 'MyFckeditor' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Width="80%";
oFCKeditor.Height="200";
oFCKeditor.Value="ok";
oFCKeditor.ToolbarSet="Basic";
fckeditor構造器
var fckeditor=function(instanceName,width,height,toolbarSet,value) ; instanceName:編輯器輸出的textarea元素的name屬性或id屬性的值，必須指定
其他參數會賦給同名屬性
例如:
var oFCKeditor = new FCKeditor( 'MyFckeditor' ,'80%','300','Basic','ok') ;
集成java步驟
1.載入jar包
將fckeditor-java-demo-2.4.war放入運行中的tomcat安裝目錄下的webapps文件夾中讓其解壓，從解壓後的fckeditor-java-demo-2.4\WEB-INF\lib下拷貝所有的jar文件，加入web工程的classpath中（可以拷貝到WebRoot\WEB-INF\lib文件夾下）
jar文件包括：
fckeditor-java-core-2.4.jar
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar
2.在jsp頁面中加入tablib指令和fck標籤
參看fckeditor-java-core-2.4.jar/META-INF/FCKeditor.tld
<short-name>FCK</short-name>
<uri>http://java.fckeditor.net</uri>在jsp頁面中加入tablib指令
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%> 在<body>中加入自定義標籤
<FCK:editor instanceName="fck1" basePath="/fckeditor" value=" "></FCK:editor>注意：basePath以"/"開頭代表工程的根路徑而非web服務器的根路徑，一定要指定value屬性，而且值不能爲空字符串"",否則會拋NullPointException。