在線編輯器FCKeditor 2.0PHP環境下試用小記
一、簡介
2004年11月30日推出了FCKeditor 2.0 RC1版,據其官方網站稱:這是FCKeditor 2.0版的第一個穩定版本。大家現在可以考慮正式使用它了。目前支持的後台語言有ASP、ASP.Net、PHP和ColdFusion。
筆者在經過簡單的試用發現,在線編輯器2.0版確實比1.6版有了許多的改進。首先是FCKeditor的文件結構更加清楚,可以更方便地將其部署在自己的系統中。另外2.0版終於支持了Firefox 1.0浏覽器,這將為FCKeditor贏得更多的使用者。廢話不多說,讓我們趕緊來學習如何安裝、配置FCKeditor 2.0吧。
二、安裝與范例
首先到http://sourceforge.net/projects/fckeditor/ 下載FCKeditor 2.0 RC1(554K),並將其解壓縮到你的網站目錄裡面,並將文件夾名改為FCKeditor。舉例來說,假如你的網站放在shaof這個目錄下面,則在這個目錄中建立3個子目錄:
n FCKeditor:存放從網站上下載的FCKeditor在線編輯器
n upimages:用於存放上傳的圖片
n admin:裡面存放測試頁面
網站的結構如下:
/FCKeditor //FCKeditor目錄
/UserFiles //上傳文件目錄
/admin
test.php //提交數據頁面
testsubmit.php //顯示數據頁面
進入到FCKeditor目錄下,打開_samples目錄,裡面含有各種編程語言調用FCKeditor的范例程序頁面,其中php目錄中包含著一些使用PHP來調用FCKeditor的范例,大家可以看一下,了解FCKeditord的調用方法,下面是我簡寫了一個test.php程序,放在網站根目錄下的admin目錄中:
if($_POST["ADD"]){
$Content=$_POST['EditorDefault'];
echo $Content;
//變量$Content就是我們在FCKeditord裡面編輯的內容,這裡可以將其保存到數據庫,代碼省略。
}
三、配置在線編輯器
FCKeditor 2.0的配置文件為FCKeditorfckconfig.js,其中幾個重要的配置項目如下:
1、工具欄的設置
默認情況下,FCKeditor會調用如下的工具欄按鈕,大家可以根據自己的需要進行增減。需要注重的是,2.0版與1.6版的按鈕並不完全相同,有些按鈕以及刪除或者改名了。
//##
//## Toolbar Buttons Sets
//##
FCKConfig.ToolbarSets["Default"] = [
['Source','-','Save','NewPage','Preview'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink'],
['Image','Table','Rule','SpecialChar','Smiley'],
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['About']
] ;
2、簡體中文設置
編輯edit/lang/fcklanguagemanager.js