- 相關(guān)推薦
網(wǎng)頁編輯器FCKeditor使用方法
內(nèi)容：1、 概述FCKeditor是目前最優(yōu)秀的可見即可得網(wǎng)頁編輯器之一，它采用JavaScript編寫。具備功能強(qiáng)大、配置容易、跨瀏覽器、支持多種編程語言、開源等特點(diǎn)。它非常流行，互聯(lián)網(wǎng)上很容易找到相關(guān)技術(shù)文檔，國內(nèi)許多WEB項(xiàng)目和大型網(wǎng)站均采用了FCKeditor(如百度，阿里巴巴)。本文將通過與PHP相結(jié)合，從基本安裝到高級的配置循序漸進(jìn)介紹給廣大PHPer。2、 下載FCKeditor登錄FCKeditor官方站，點(diǎn)擊網(wǎng)站右上角“Download”鏈接。編寫本文時，F(xiàn)CKeditor當(dāng)前最新的穩(wěn)定版本是2.4.3，因此我們下載此版本的zip壓縮格式文檔。如圖1所示：
下載FCKeditor 2.4.3(最新穩(wěn)定版)
注意：當(dāng)點(diǎn)擊“FCKeditor_2.4.3.zip”鏈接后，將跳轉(zhuǎn)到sourceforge.net網(wǎng)站上自動下載。如果您當(dāng)前使用Linux或Unix系統(tǒng)，可以點(diǎn)擊“FCKeditor_2.4.3.tar.gz”鏈接下載.tar.gz格式的壓縮包。
3、 安裝FCKeditor解壓“FCKeditor_2.4.3.zip”文檔到您的網(wǎng)站目錄下，我們先假定您存放FCKeditor和調(diào)用腳本存于同一個目錄下。
fckeditor目錄包含F(xiàn)CKeditor2.4.3程序文件。check.php用于處理表單數(shù)據(jù)。add_article.php和add_article_js.html分別是PHP調(diào)用FCKeditor和JavaScript調(diào)用FCKeditor實(shí)例腳本文件。3.1、用PHP調(diào)用FCKeditor 調(diào)用FCKeditor必須先載入FCKeditor類文件。具體代碼如下。
接下來，我們需要創(chuàng)建FCKeditor實(shí)例、指定FCKeditor存放路徑和創(chuàng)建(顯示)編輯器等。具體代碼如下所示(代碼一般放在表單內(nèi))。
BasePath = ./fckeditor/; // 設(shè)置FCKeditor目錄地址$FCKeditor->Width=100%; //設(shè)置顯示寬度$FCKeditor->Height=300px; //設(shè)置顯示高度的高度$oFCKeditor->Create() ; // 創(chuàng)建編輯器?>下面是筆者創(chuàng)建好的實(shí)例代碼，您可將代碼保存為add_article.php。
BasePath = ./fckeditor/; // 設(shè)置FCKeditor目錄地址$oFCKeditor->Create() ; // 創(chuàng)建編輯器?>
通過瀏覽里打開http://you-address/add_article.php 查看FCKeditor安裝效果。如圖3所示。
FCKeditor安裝成功
注意：如果您想將FCKeditor創(chuàng)建為HTML結(jié)果代碼，以便于在模板引擎里面調(diào)用(如Smarty)可使用如下代碼。$output = $oFCKeditor->CreateHtml() ;
現(xiàn)在，您可通過POST方式獲得編輯器的變量值。本例將表單的action設(shè)置為check.php，您可在check.php里使用代碼$fckeditorValue = $_POST[FCKeditor1];獲得編輯器的變量值了。
FCKeditor安裝成功了。但是，我們還可以通過更多設(shè)置來使FCKeditor更加靈活人性化。具體方法文本后面介紹。3.2、用JavaScript調(diào)用FCKeditor 調(diào)用FCKeditor必須先載入FCKeditor類文件，但與PHP調(diào)用方法不同，應(yīng)用下面的代碼。
[網(wǎng)頁編輯器FCKeditor使用方法]相關(guān)文章：
【網(wǎng)頁編輯器FCKeditor使用方法】相關(guān)文章：
如何打開注冊表編輯器07-03
潤發(fā)乳使用方法與護(hù)發(fā)素使用方法08-04
電氣自動化監(jiān)控系統(tǒng)與圖形編輯器論文07-04
腳注使用方法11-11
護(hù)膝的使用方法07-27
護(hù)具的使用方法02-07
農(nóng)藥正確使用方法07-01
化妝海綿使用方法07-03
京東白條使用方法...07-11