FCK使用教程1

一.在項目中添加fckeditor支持
    將FCKeditor_2.6.4.1目錄中的文件夾fckeditor複製到項目的WebRoot中
二.調用fckeditor
    1.使用JavaScript方式
        1).直接調用方式
            i.建立testfckeditor1.jsp文件
            ii.引入fckeditor.js文件
                <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
            iii.建立fckeditor編輯器
                <script type="text/javascript">
                    var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
                    oFCKeditor.BasePath    = "fckeditor/" ;
                    oFCKeditor.Create() ;
                </script>
                注：能夠從FCKeditor_2.6.4.1\fckeditor\_samples\default.html中選擇
                    FCKeditor - JavaScript - Sample 1 獲取
        2).替換多行文本框的方式
            i.建立testfckeditor2.jsp文件
            ii.引入fckeditor.js文件
                <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
            iii.建立多行文本框
                <textarea rows="10" cols="40" name="myeditor"></textarea>
            iv.建立javascript腳本
                <script type="text/javascript">
                    window.onload = function()
                    {
                        var oFCKeditor = new FCKeditor('myeditor') ;
                        oFCKeditor.BasePath    = "fckeditor/" ;
                        oFCKeditor.ReplaceTextarea() ;
                    }
                </script>
                注：能夠從FCKeditor_2.6.4.1\fckeditor\_samples\default.html中
                    選擇FCKeditor - JavaScript - Sample 2獲取
                    FCKeditor中的參數值必須與多行文本框中的name值相同
    2.使用自定義標籤方式實現
        1).導入相關jar包
            commons-fileupload-1.2.1.jar
            commons-io-1.3.2.jar
            java-core-2.4.1.jar
            slf4j-api-1.5.2.jar
            slf4j-simple-1.5.2.jar
        2).建立testfckeditor3.jsp文件
            引入標籤庫
            <%@ taglib prefix="fck" uri="http://java.fckeditor.net" %>
            添加標籤
            <FCK:editor instanceName="myFCKEditor" basePath="/fckeditor" ></FCK:editor>
            "/":表示當前這個工程