一、下載

1、首先去官網下載FCKeditor2.6.6 多國語言版(可以搜索“FCKeditor 2.6.6, released on 15 February 2010”)。下載地址： http://ckeditor.com/download。

二、精簡

按照如下步驟刪除其中一些不需要的測試文件：

1.只保留/fckeditor/目錄下的fckconfig.js(配置文件)、fckeditor.js(js方式調用文件)、 fckeditor.php(php方式調用文件)、fckeditor_php4.php(php4的調用文件)、 fckeditor_php5.php(php5的調用文件)、fckstyles.xml(樣式)、fcktemplates.xml(模板)文件和 editor文件夾七個文件以外的所有文件；

2.刪除目錄/editor/_source(基本上，所有_開頭的文件夾或文件都是可選的)；

3.刪除/editor/filemanager/connectors/(存放編輯器所支持的Web動態語言)下除了php目錄的所有目錄；

4.刪除/editor/lang/(存放的是多語言配置文件)下的除了 en.js, zh.js, zh-cn.js三個文件的所有文件。

三、設置

1.更改默認語言和編程語言：

打開/fckeditor/fckconfig.js ;(千萬注意這個文件是utf-8編碼，我第一次編輯的時候保存成了ANSI格式結果出錯了，找了好長時間原因)修改->

FCKConfig.AutoDetectLanguage =false;(使其不能根據系統語言自動檢測加載相應的語言。)

var FCKConfig.DefaultLanguage = ‘zh-cn’ ;

var _FileBrowserLanguage = ‘php’ ;

var _QuickUploadLanguage = ‘php’ ;

2.開啟文件上傳的功能：

配置editor\filemanager\connectors\php\config.php

將$Config['Enabled'] = false ;改為$Config['Enabled'] = true ;

更改$Config['UserFilesPath'] = ‘/userfiles/’ ;為你的上傳目錄(注意：這個目錄要存在——自己創建好)；

注意：這個目錄是相對于主目錄的。 也就是說，這個目錄是相對于根目錄的，注意，如果你在本機上測試，那么，這個根目錄就是 http://localhost 。

四、調用

可以按下面的例子在php(例子中的PHP文件放在網站的子目錄中)中調用fckeditor編輯器：

include(“../fckeditor/fckeditor.php”);??????? // 包含fckeditor類，fckeditor目錄放在網站根目錄下

$BasePath = “/fckeditor/”;??????????? // 編輯器路徑

$oFCKeditor = new FCKeditor(‘CreMer’);??? // 創建一個fckeditor對象，表單的名稱為CreMer

$oFCKeditor->BasePath? = $BasePath;

$oFCKeditor->Value? = ‘test’;??????? // 設置表單初始值

// 還可設置以下部分(“=”包含部分)，并非必須：

//==================================================================================//

$oFCKeditor->Width = ’800′;??????????? // 編輯器寬度，類中有默認值，如果不想修改可不管此項

$oFCKeditor->Height= ’300′;??????????? // 同width，此處為高$oFCKeditor->ToolbarSet

$oFCKeditor->ToolbarSet = ‘Basic’;??????? // 默認編輯器工具欄有Basic(基本工具)和Default(所有工具)兩種選擇，另外還可以自己建立工具欄

$oFCKeditor->Config['SkinPath'] = ‘/fckeditor/editor/skins/silver/’;??????? // 設置編輯器皮膚

//==================================================================================//

$oFCKeditor->Create();??????????? // 調用類中方法，必須

用$_POST['CreMer']就能獲取文本框里面的值。

說明：

//包含fckeditor類

include(“../fckeditor/fckeditor.php”) ;

//設置編輯器路徑

$sBasePath = “fckeditor/”;

//創建一個Fckeditor，表單的txtarea名稱為content

$oFCKeditor = new FCKeditor(‘content’) ;

$oFCKeditor->BasePath = $sBasePath ;

//設置表單初始值

$oFCKeditor->Value = ‘This is some sample text’ ;

$oFCKeditor->Create() ;

//設置長寬

$oFCKeditor->Width

$oFCKeditor->Height

$oFCKeditor->ToolbarSet

五、其他例子

六、其他技巧

1.修改工具欄按鈕：

這樣做主要是為了提高安全性，減少一般用戶可以使用的功能：

FCKConfig.ToolbarSets["MyStyle"] = [

['Source','Preview','FitWindow','-','Templates'],

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],

['ShowBlocks'],

‘/’,

['Bold','Italic','Underline','StrikeThrough','TextColor','BGColor'],

['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],

['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],

['Link','Unlink','Anchor'],

‘/’,

['Style','FontFormat','FontName','FontSize']

// No comma for the last row.

] ;

或者更改

FCKConfig.ToolbarSets["Basic"] = [

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

] ;

在設置后，調用時添加這個語句：

$oFCKeditor->ToolbarSet = ‘MyStyle’ ;

2.上傳中文名文件時顯示亂碼怎么辦

在文件connectors/php/commands.php中查找：

$sFileName = $oFile['name'] ;

在后面添加一行：

$sFileName = iconv(“utf-8″,”gbk”,$sFileName);

3、修正文件列表時中文文件名顯示亂碼問題

在文件connectors/php/util.php中查找：

return ( utf8_encode( htmlspecialchars( $value ) ) ) ;

修改為：

return iconv(”,’utf-8′,htmlspecialchars( $value ));

4、修正新建中文文件夾時的文件夾名亂碼問題

在文件connectors/php/commands.php中查找：

$sNewFolderName =

在后面添加一行：

$sNewFolderName = iconv(“utf-8″,”gbk”,$sNewFolderName);

2.6.3版及后續版本的fck下的html文件已經加了utf-8的文件頭。

5.給文章添加不同的樣式

6、配置皮膚。

“fckeditor\editor\skins\”目錄中有default、office2003、silver等風格可供選擇。

打開/fckeditor/fckconfig.js ;修改->

FCKConfig.SkinPath = FCKConfig.BasePath + ’skins/default/’ ;

7、在編輯器域內可以使用Tab鍵。

打開/fckeditor/fckconfig.js ;修改(1為是，0為否)->

FCKConfig.TabSpaces = 0 ; 改為 FCKConfig.TabSpaces = 1 ;

8、加上幾種常用的字體：

打開/fckeditor/fckconfig.js ;修改->

FCKConfig.FontNames = ‘宋體;黑體;隸書;楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’;

9、修改默認的顯示字體

可以通過修改樣式表來達到要求，打開/editor/css/fck_editorarea.css，修改font-size屬性即可。

10、在上傳文件窗口點擊瀏覽服務器出錯

可能會出現“the server didn’t send back a proper xml…..? ”的錯誤提示。

因為FCKeditor要求不同類型的文件分別傳到不同的目錄，包括file,image,falsh,media 等目錄，可以先建立起來試試。

總結

以上是生活随笔為你收集整理的fckeditor 2.6 php,php下 FCKeditor 2.6.6的使用和配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。