JSP中使用FCKeditor__JSP

通過JavaScript調用

第一步：將fckeditor的資源檔夾複製到webRoot下

第二步：引人JavaScript檔案

   <script type="text/javascript“ src="fckeditor/fckeditor.js"></script>

 

第三步：輸出JavaScript調用的代碼。

方法一：建立並輸入一個編輯器。

 <script type="text/javascript">

   //*建立一個fckeditor的執行個體叫'FCKeditor1'

  var oFCKeditor = new FCKeditor('FCKeditor1');

  //*BasePath 編輯器的基準路徑  預設為：/fckeditor/

  //表示當前網站的路徑即：http：//localhost:8080/fckeditor/

  //所以路徑為: /工程名/fckeditor/，例：(/FCKTese/fckeditor/)

  oFCKeditor.BasePath = "/FCKTest/fckeditor/";

  oFCKeditor.Width="60%";

  oFCKeditor.Height="500";

  //oFCKeditor.ToolbarSet="Basic";

  //建立fckeditor

  oFCKeditor.Create();

 </script>

 

方法二：用編輯器替換一個testarea元素

在head中添加如下代碼：

<script type="text/javascript">

   window.onload = function()

  {

        //MyTextarea為textarea的名稱

        var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;

        oFCKeditor.BasePath = "/FCKTest/fckeditor/" ;

        oFCKeditor.ReplaceTextarea() ;

  }

  </script>

在body中添加如下代碼：

 <textarea id="MyTextarea" name="MyTextarea"></textarea>

注意：1.BasePath要正確設定

            2.BasePath必須以‘/’結尾

 

Fckeditor對象的屬性

 

屬性名稱	描述	預設值
width	寬度	100%
height	高度	200
Value	編輯器初始化內容	（Null 字元串）
ToolbarSet	工具條集合的名稱（內建有default和basic，也可以自己定製）	default
basepath	編輯器的基路徑	/fckeditor/

 

 

Fckeditor的構造方法

 

構造器：

Var Fckeditor=function（instanceName，width，height，toolbarSet，value）

其中instanceName為編輯器輸出的textarea元素的name屬性的值，必須制定

參數會賦值給同名屬性

 

在jsp中通過自訂標籤調用fckeditor

 

第一步在lib下添加jar包

 

Commons-fileupload-1.2.1.jar和commons-io-1.3.2.jar用於上傳下載

Java-core-2.4.1.jar為fckeditor核心包

Slf4j-api-1.5.2.jar為日誌

 

§第二步：將fckeditor的資源檔夾複製到webRoot下

§第三步建立自訂標籤

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

§第四步引用FckEditor

 <FCK:editor instanceName="user"  basePath="/fckeditor"  width="70%" height=“500” value =“”></FCK:editor>

basePath:以‘/’開頭，‘/’代表當前工程的路徑，所以使用預設即可

instanceName：必須指定

在老版本中必須指定value 屬性並且不可為空字串 。