網頁編輯器FCKeditor使用方法

內容：1、 概述FCKeditor是目前最優秀的可見即可得網頁編輯器之一，它採用JavaScript編寫。具備功能強大、配置容易、跨瀏覽器、支持多種編程語言、開源等特點。它非常流行，互聯網上很容易找到相關技術文檔，國內許多WEB項目和大型網站均採用了FCKeditor(如百度，阿里巴巴)。本文將通過與PHP相結合，從基本安裝到高級的配置循序漸進介紹給廣大PHPer。2、 下載FCKeditor登錄FCKeditor官方站，點擊網站右上角“Download”鏈接。編寫本文時，FCKeditor當前最新的穩定版本是2.4.3，因此我們下載此版本的zip壓縮格式文檔。如圖1所示：

下載FCKeditor 2.4.3(最新穩定版)

注意：當點擊“FCKeditor_”鏈接後，將跳轉到網站上自動下載。如果您當前使用Linux或Unix系統，可以點擊“FCKeditor_”鏈接下載格式的壓縮包。

3、 安裝FCKeditor解壓“FCKeditor_”文檔到您的網站目錄下，我們先假定您存放FCKeditor和調用腳本存於同一個目錄下。

fckeditor目錄包含FCKeditor2.4.3程序文件。用於處理表單數據。add_和add_article_分別是PHP調用FCKeditor和JavaScript調用FCKeditor實例腳本文件。3.1、用PHP調用FCKeditor 調用FCKeditor必須先載入FCKeditor類文件。具體代碼如下。

接下來，我們需要創建FCKeditor實例、指定FCKeditor存放路徑和創建(顯示)編輯器等。具體代碼如下所示(代碼一般放在表單內)。

BasePath = ./fckeditor/; // 設置FCKeditor目錄地址$FCKeditor->Width=100%; //設置顯示寬度$FCKeditor->Height=300px; //設置顯示高度的高度$oFCKeditor->Create() ; // 創建編輯器?>下面是筆者創建好的實例代碼，您可將代碼保存為add_。

BasePath = ./fckeditor/; // 設置FCKeditor目錄地址$oFCKeditor->Create() ; // 創建編輯器?>

通過瀏覽裏打開http://you-address/add_ 查看FCKeditor安裝效果。如圖3所示。

FCKeditor安裝成功

注意：如果您想將FCKeditor創建為HTML結果代碼，以便於在模板引擎裏面調用(如Smarty)可使用如下代碼。$output = $oFCKeditor->CreateHtml() ;

現在，您可通過POST方式獲得編輯器的`變量值。本例將表單的action設置為，您可在裏使用代碼$fckeditorValue = $_POST[FCKeditor1];獲得編輯器的變量值了。

FCKeditor安裝成功了。但是，我們還可以通過更多設置來使FCKeditor更加靈活人性化。具體方法文本後面介紹。3.2、用JavaScript調用FCKeditor 調用FCKeditor必須先載入FCKeditor類文件，但與PHP調用方法不同，應用下面的代碼。