1. 首頁
  2. 其他

網頁編輯器FCKeditor使用方法

網頁編輯器FCKeditor使用方法

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

下載FCKeditor 2.4.3(最新穩定版)

注意:當點選“FCKeditor_2.4.3.zip”連結後,將跳轉到sourceforge.net網站上自動下載。如果您當前使用Linux或Unix系統,可以點選“FCKeditor_2.4.3.tar.gz”連結下載.tar.gz格式的壓縮包。

3、 安裝FCKeditor解壓“FCKeditor_2.4.3.zip”文件到您的網站目錄下,我們先假定您存放FCKeditor和呼叫指令碼存於同一個目錄下。

fckeditor目錄包含FCKeditor2.4.3程式檔案。check.php用於處理表單資料。add_article.php和add_article_js.html分別是PHP呼叫FCKeditor和JavaScript呼叫FCKeditor例項指令碼檔案。3.1、用PHP呼叫FCKeditor 呼叫FCKeditor必須先載入FCKeditor類檔案。具體程式碼如下。

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

BasePath = ./fckeditor/; // 設定FCKeditor目錄地址$FCKeditor->Width=100%; //設定顯示寬度$FCKeditor->Height=300px; //設定顯示高度的高度$oFCKeditor->Create() ; // 建立編輯器?>下面是筆者建立好的例項程式碼,您可將程式碼儲存為add_article.php。

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

透過瀏覽裡開啟http://you-address/add_article.php 檢視FCKeditor安裝效果。如圖3所示。

FCKeditor安裝成功

注意:如果您想將FCKeditor建立為HTML結果程式碼,以便於在模板引擎裡面呼叫(如Smarty)可使用如下程式碼。$output = $oFCKeditor->CreateHtml() ;

現在,您可透過POST方式獲得編輯器的.變數值。本例將表單的action設定為check.php,您可在check.php裡使用程式碼$fckeditorValue = $_POST[FCKeditor1];獲得編輯器的變數值了。

FCKeditor安裝成功了。但是,我們還可以透過更多設定來使FCKeditor更加靈活人性化。具體方法文字後面介紹。3.2、用JavaScript呼叫FCKeditor 呼叫FCKeditor必須先載入FCKeditor類檔案,但與PHP呼叫方法不同,應用下面的程式碼。

[網頁編輯器FCKeditor使用方法]相關文章:

1.網頁編輯器FCKeditor使用方法