fckeditor使用方法詳解

《fckeditor使用方法詳解》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、FCKeditor使用方法技術(shù)詳解作者：深藍(lán)色QQ：76863715本文PHPChina論壇首發(fā)本文特為《PHP5和MySQL5Web開(kāi)發(fā)技術(shù)詳解》一書(shū)編寫(xiě)1、概述FCKeditor是目前最優(yōu)秀的可見(jiàn)即可得網(wǎng)頁(yè)編輯器之一，它采用JavaScript編寫(xiě)。具備功能強(qiáng)大、配置容易、跨瀏覽器、支持多種編程語(yǔ)言、開(kāi)源等特點(diǎn)。它非常流行，互聯(lián)網(wǎng)上很容易找到相關(guān)技術(shù)文檔，國(guó)內(nèi)許多WEB項(xiàng)目和大型網(wǎng)站均采用了FCKeditor（如百度，阿里巴巴）。本文將通過(guò)與PHP相結(jié)合，從基本安裝到高級(jí)的配置循序漸進(jìn)介紹給廣大PHPer。FCKedito

2、r官方網(wǎng)站：http://www.fckeditor.net/FCKeditorWiki：http://wiki.fckeditor.net/2、下載FCKeditor登錄FCKeditor官方站（http://www.fckeditor.net），點(diǎn)擊網(wǎng)站右上角“Download”鏈接。筆者編寫(xiě)本文時(shí)，F(xiàn)CKeditor當(dāng)前最新的穩(wěn)定版本是2.4.3，因此我們下載此版本的zip壓縮格式文檔。如圖1所示：圖1：下載FCKeditor2.4.3（最新穩(wěn)定版）注意：當(dāng)點(diǎn)擊“FCKeditor_2.4.3.zip”鏈接后，將跳轉(zhuǎn)到s

3、ourceforge.net網(wǎng)站上自動(dòng)下載。如果您當(dāng)前使用Linux或Unix系統(tǒng)，可以點(diǎn)擊“FCKeditor_2.4.3.tar.gz”鏈接下載.tar.gz格式的壓縮包。1、安裝FCKeditor解壓“FCKeditor_2.4.3.zip”文檔到您的網(wǎng)站目錄下，我們先假定您存放FCKeditor和調(diào)用腳本存于同一個(gè)目錄下。目錄結(jié)構(gòu)如下圖所示：圖2：網(wǎng)站目錄結(jié)構(gòu)圖fckeditor目錄包含F(xiàn)CKeditor2.4.3程序文件。check.php用于處理表單數(shù)據(jù)。add_article.php和add_article_js

4、.html分別是PHP調(diào)用FCKeditor和JavaScript調(diào)用FCKeditor實(shí)例腳本文件。3.1、用PHP調(diào)用FCKeditor調(diào)用FCKeditor必須先載入FCKeditor類(lèi)文件。具體代碼如下。接下來(lái)，我們需要?jiǎng)?chuàng)建FCKeditor實(shí)例、指定FCKeditor存放路徑和創(chuàng)建（顯示）編輯器等。具體代碼如下所示（代碼一般放在表單內(nèi)）。

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

6、載入FCKeditor類(lèi)文件?>

7、>BasePath='./fckeditor/';//設(shè)置FCKeditor目錄地址$oFCKeditor->Create();//創(chuàng)建編輯器?>通過(guò)瀏覽里打開(kāi)http://you-address/add_article.php查看FCKeditor安裝效果。如圖3所示。圖3：FCKeditor安裝成功注意：如果您想將FCKeditor創(chuàng)建為HTML結(jié)果代碼，以便于在模板引擎里面調(diào)用（如Smarty）可使用如

8、下代碼。$output=$oFCKeditor->CreateHtml();現(xiàn)在，您可通過(guò)POST方式獲得編輯器的變量值。本例將表單的action設(shè)置為check.php，您可在check.php里使用代碼$fckeditorValue=$_POST['FCKeditor1'