FCKeditor編輯器在PHP中的使用方法

[重要通告]如您遇疑難雜癥,本站支持知識(shí)付費(fèi)業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時(shí)間哦!

FCKeditor是一款非常優(yōu)秀的HTML在線編輯器，功能也可以定制. 也支持多種瀏覽器, 遵循LGPL版權(quán)。支持 asp、asp.net、html、php、pl、jsp 等等 使用最廣的一款在線HTML編輯器。

最新版本的FCKeditor（v2.6.6 正式版）同時(shí)兼容絕大多數(shù)主流瀏覽器，包括: IE 5.5及以上版本 (windows), 火狐Firefox 1.0及以上版本, 遨游Mozilla 1.3及以上版本，網(wǎng)景7.0及以上版本。

老版本不支持幾種字體大家可以在配置文件fckconfig.js里這一句這樣修改一下就可以了：

FCKConfig.FontNames= '宋體;黑體;隸書(shū);楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

在線編輯器FCKeditor在PHP中的使用方法:

FCKeditor是sourceforge.net上面的一個(gè)開(kāi)源項(xiàng)目，主要是實(shí)現(xiàn)在線網(wǎng)頁(yè)編輯器的功能，官方網(wǎng)站為http://www.fckeditor.net ，在服務(wù)器端支持ASP.Net、ASP、ClodFusion、PHP、Java等語(yǔ)言，并且支持IE 5+、Mozilla 、Netscape等主流瀏覽器。目前最新版本為2.0 Beta 2，但是目前2.0 Beta版還不支持PHP，所以這里我選擇使用了1.6版本。

首先我們先到http://sourceforge.net/projects/fckeditor/ 下載FCKeditor_1.6.zip，并將其解壓縮到你的網(wǎng)站子目錄里面，并將文件夾名改為FCKeditor。進(jìn)入到FCKeditor/目錄下，打開(kāi)_test/目錄，里面含有各種編程語(yǔ)言調(diào)用FCKeditor的方法，其中與PHP有關(guān)的文件有2個(gè)文件：
test.php //提交數(shù)據(jù)頁(yè)面
testsubmit.php //顯示數(shù)據(jù)頁(yè)面
大家可以看一下，了解FCKeditord的調(diào)用方法，下面是我簡(jiǎn)寫(xiě)了一個(gè)test程序：

從上面的例子中我們可以看到要使用FCKeditor，首先要執(zhí)行
include("../FCKeditor/fckeditor.php") ;語(yǔ)句來(lái)引用FCKeditor。然后執(zhí)行
$oFCKeditor = new FCKeditor ;
$oFCKeditor->BasePath = '../FCKeditor/' ;
$oFCKeditor->CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
來(lái)實(shí)例化FCKeditor，如果是編輯頁(yè)面則再加入一行：
//$Content可以是從數(shù)據(jù)庫(kù)中讀取出來(lái)的數(shù)據(jù)
$oFCKeditor->Value = $Content ;

默認(rèn)情況下，上傳圖片功能僅對(duì)應(yīng)于ASP方式，要想實(shí)現(xiàn)在PHP下上傳文件，還得對(duì)FCKeditor的配置文件進(jìn)行修改。打開(kāi)/ FCKeditor/js/fck_config.js（這是FCKeditor的主配置文件），定位到文件的最下面那段被//注釋掉的內(nèi)容，將
//##
//## Image Browsing
//##
config.ImageBrowser = true ;
// Custom Page URL
config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_html/browse.html" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_jsp/browse.jsp?type=img" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_asp/browse.asp" ;

//##
//## Image Upload
//##
config.ImageUpload = true ;
// Page that effectivelly upload the image.
config.ImageUploadURL = config.BasePath + "filemanager/upload/asp/upload.asp" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/aspx/upload.aspx" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/cfm/upload.cfm" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/jsp/upload.jsp" ;
改為
//##
//## Image Browsing
//##

config.ImageBrowser = true ;
// Custom Page URL config.
ImageBrowserURL = "filemanager/browse/sample_html/browse.html" ;
config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;

//##
//## Image Upload
//##
config.ImageUpload = true ;
// Page that effectivelly upload the image.
config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;

最后再修改2個(gè)文件：
/FCKeditor/filemanager/upload/php/upload.php
第22行
$UPLOAD_BASE_URL = '/userimages/';
/FCKeditor/filemanager/browse/sample_php/browse.php
第20行
$IMAGES_BASE_URL = '/FCKeditor/userimages/';
這兩處定義了圖片上傳到哪個(gè)目錄，可以自行定義，不過(guò)一定要確保該目錄存在，不然上傳圖片時(shí)會(huì)報(bào)錯(cuò)。
然后我們把FCKeditor目錄下的用不到的.asp、.jsp、. cfm文件和_test、_ aspnet、_developers、_docs、_jsp目錄都刪掉以節(jié)省空間。好啦，F(xiàn)CKeditor的基本使用方法就講到這里，大家感興趣的話可以到我的網(wǎng)站來(lái)看看效果：http://www.shaof.com 。

補(bǔ)充：
在FCKeditor官方的網(wǎng)站注明FCKeditor目前支持3種瀏覽器：IE5+,Mozilla and Netscape。但在實(shí)驗(yàn)中發(fā)現(xiàn)使用IE5.0是不支持圖片上傳功能，只有將IE升級(jí)到5.5或者6.0才能支持圖片上傳功能。而對(duì)于剛出的Mozilla Firefox 1.0 RC1以及Mozilla1.6（Linux環(huán)境）,則完全無(wú)法使用FCKeditor。

FCKeditor編輯器配置

FCK老是提示“ Sorry, can\’t map "UserFilesPath" to a physical path. You must set the "UserFilesAbsolutePath" value in "editor/filemanager/connectors/php/config.php ”錯(cuò)誤，但是apache下正常但是IIS就有問(wèn)題！

問(wèn)題何在？

打開(kāi)：editor/filemanager/connectors/php/config.php

找到：

配置文件

$Config['Enabled'] = true ;

$Config['UserFilesPath'] = ‘/userfiles/’ ;

$Config['UserFilesAbsolutePath'] = ” ;

修該$Config['UserFilesAbsolutePath'] = ‘絕對(duì)路徑\\userfiles\\’ ;

你可以修改成成自己的響應(yīng)路徑問(wèn)題解決！

問(wèn)題未解決？付費(fèi)解決問(wèn)題加Q或微信 2589053300 (即Q號(hào)又微信號(hào))右上方掃一掃可加博主微信

所寫(xiě)所說(shuō)，是心之所感，思之所悟，行之所得；文當(dāng)無(wú)敷衍，落筆求簡(jiǎn)潔。 以所舍，求所獲；有所依，方所成！