天天看點

php fckeditor,PHP執行個體:FCKeditor 的配置和使用方法

FCKeditor 是一個十分強大的網頁文本編輯器,它支援多種腳本程式設計語言(包括 PHP)和支援多國語言。

FCKeditor 截至 2008年4月6日,其最新版本是 2.6RC,RC 就是 Release Candidate,修訂後的候選版本,很可能作為該版本的穩定版在未來釋出。目前的最新的穩定版(Latest Stable)是 2.5.1。我們可以到他的官方網站上去下載下傳 http://www.FCKeditor.net 合适的版本,開源、免費的。

本文介紹 PHP 中的配置方法,其他語言的配置方法和它是基本一樣的。

〇、假設網站的目錄為:

以下為引用的内容:

\website_root

\index.php

\FCKeditor

一、調用FCKeditor 的兩種方法

1、通過建立執行個體來調用

在 index.php 檔案中,調用它的代碼,把下面的代碼加在需要編輯器的地方:

以下為引用的内容:

//引用FCKeditor.php這個檔案,基本的類和資料結構都在這裡

include_once("FCKeditor/fckeditor.php");

//建立FCKeditor對象的執行個體。myFCKeditor即送出後,接收資料頁面 _POST['myFCKeditor']使用

FCKeditor=new FCKeditor('myFCKeditor');

//FCKeditor所在的位置,這裡它的位置就是'FCKeditor' 檔案夾

FCKeditor->BasePath='./FCKeditor/';

//工具按鈕設定

FCkeditor->ToolbarSet='Default';

//設定它的寬度

FCKeditor->Width='100%';

//設定它的高度

FCKeditor->Height='300px';

//生成

FCkeditor->Create();

?>

2、通過 IFRAME 調用

以下為引用的内容:

注意:name="myFCKeditor" 和 IFRAME 中 InstanceName=myFCKeditor 的“myFCKeditor”必須相同。

其實,用 IFRAME 調用和用第一種方法本質是完全一樣的!不信的話,請在用浏覽器打開網站上的 index.php 檔案,然後檢視“源代碼”,就是本 IFRAME 調用的代碼。是以推薦通過建立執行個體來調用。

3、當用 Javascript 來獲得内容的時候是不是發現得不到内容,如:

你會發現彈談出的視窗沒内容。

我們可以通過下面的代碼來獲得它的内容:

以下為引用的内容:

function getContentValue()

{

var oEditor = FCKeditorAPI.GetInstance('myFCKeditor');

var acontent = oEditor.GetXHTML();

return acontent;

}

二、配置一些檔案

1、fckconfig.js的配置

(1)工具按鈕設定

查找 FCKConfig.ToolbarSets["Default"],這裡有很多按鈕,下面我們将對他們詳細介紹

EditSource 顯示HTML源代碼

StrikeThrough 删除線

Save 儲存

NewPage 建立空白頁面

Superscript 上标

Subscript 下标

Preview 預覽

JustifyLeft 左對齊

Cut 剪切

Copy 複制

Paste 粘貼

JustifyCenter 居中對齊

JustifyRight 右對齊

JustifyFull 兩端對齊

PasteText 純文字粘貼

InsertOrderedList 自動編号

PasteWord 來自Word的粘貼

InsertUnorderedList 項目符号

Print 列印

Outdent 減少縮進

SpellCheck 拼寫檢查

Indent 增加縮進

Find 查找

ShowTableBorders 顯示表格線

Replace 替換

ShowDetails 顯示明細

Undo 撤銷

Form 添加Form動作

Redo 還原

Checkbox 複選框

SelectAll 全選

Radio 單選按鈕

RemoveFormat 去除格式

Input 單行文本框

Link 插入/編輯 連結

Textarea 滾動文本框

RemoveLink 去除連接配接

Select 下拉菜單

Anchor 錨點

Button 按鈕

Image 插入/編輯 圖檔

ImageButton 圖檔按鈕

Table 插入/編輯 表格

Hidden 隐藏

Rule 插入水準線

Zoom 顯示比例

SpecialChar 插入特殊字元

FontStyleAdv 系統字型

UniversalKey 軟鍵盤

FontStyle 字型樣式

Smiley 插入表情符号

FontFormat 字型格式

About 關于

Font 字型

Bold 粗體

FontSize 字型大小

Italic 斜體

TextColor 文字顔色

Underline 下劃線

BGColor 背景色

這個預設的是包含了所有的工具按鈕,但是有時有的按鈕并不需要。那麼我們可以将不需要的按鈕給删了。下面是一個定制的配置,給大家一個參考。

以下為引用的内容:

FCKconfig.ToolbarSets["Default"] = [

['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] ,

['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor']

];

再例如:

以下為引用的内容:

['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']

];

這樣的話,你在前台調用的時候就要用 FCKeditor->ToolbarSet='Basic',不能再是"Default"了。

(2)語言的配置

查找FCKConfig.DefaultLanguage将它設定為'zh-cn'.

(3)腳本語言的設定

查找var _FileBrowserLanguage和var _QuickUploadLanguage将他們設定為'php', 預設是'asp',如果這裡不設定的話,圖檔将不能上傳,這點很重要。當時我在用FCKeditor由于沒配置這個,不能上傳圖檔,而我同寝室的用asp能上傳圖檔,讓我煩惱了好多天,最後終于找到是這個原因。

2、圖檔上傳的配置

打開檔案FCKeditor/editor/filemanager/browser/default/connectors/php/config.php:

查找Config['Enabled'],将它設定為'true';查找Config['UserFilesPath'],将它設定圖檔的目錄,這個目錄是相對于主目錄的。

例如:我寫了一個blog,就可以設定為/blog/upload/

打開檔案FCKeditor/editor/filemanager/upload/php/config.php:

查找Config['Enabled'],将它設定為'true';查找Config['UseFileType'],将它設定上傳檔案的目錄,最好與上面的圖檔目錄相同。

好了,現在所有的配置都已經完成了,現在你要做的隻是删除一些不必要的檔案了。隻要包含'_'的目錄名和檔案名都可以删除,這都是一些說明檔案。因為我們用在 PHP 環境中,其他語言相關的一些檔案也都可以删除。