FCKeditor配置步驟詳解

最近項目中要用到文本編輯器,經比較,決定使用FCKeditor和kindeditor,下面是總結的FCKeditor的詳細配置步驟,PHP環境.但願第一次使用此編輯器的朋友獲得全面完整的參考:

一. 將fckeditor文件夾複製到網站後臺目錄(如administrator)中.


二. 在PHP頁面表單中需添加文本域的位置插入:
<?php
include('fckeditor/fckeditor.php');
$oFCKeditor = new FCKeditor('articleContent') ; //配置文本框的name屬性
$oFCKeditor->BasePath = 'fckeditor/'; //將fckeditor文件夾的路徑放在這裏,注意,後邊必定要加一個"/".
$oFCKeditor->Value = ''; //配置多行文本框裏邊的內容
$oFCKeditor->Height = '300px'; //設置高
$oFCKeditor->Width = '90%'; //設置寬 px % 均可以
$oFCKeditor->Create();
?>


三. 配置上傳圖片的保存目錄:
打開fckeditor\editor\filemanager\connectors\php\config.php
第30行:
$Config['Enabled'] = true ; //此處由false改成true 開啓上傳功能

第33行:
$Config['UserFilesPath'] = '/upload/' ;
//圖片上傳到網站根目錄下的upload文件夾內(如本地測試,則需在upload目錄前加項目名稱,如 '/simsite/upload/')


四. 上傳文件重命名:
打開fckeditor\editor\filemanager\connectors\php\commands.php
第190行 $sExtension = strtolower( $sExtension ) ;
在其後添加: $sFileName = time().".".$sExtension; //重命名文件


五. 限制上傳圖片字節大小
打開fckeditor\editor\filemanager\connectors\php\config.php
第132行 $Config['DeniedExtensions']['Image'] = array() ;
在其後添加: $Config['MaxImageSize'] = '500'; //設置容許上傳的圖片大小在500k之內

打開fckeditor\editor\filemanager\connectors\php\commands.php
第291行,在其上添加以下語句:
if ( isset( $Config['MaxImageSize'] ) )

{

$iFileSize = round( $oFile['size'] / 1024 );

if($iFileSize > $Config['MaxImageSize'] )

{

$sErrorNumber = '204' ;

}

}

打開fckeditor/editor/dialog/fck_p_w_picpath/fck_p_w_picpath.js
第454行 在switch ( errorNumber ) 結構中添加錯誤提示信息:
case 204 :
alert( "請上傳500K之內的圖片!" ) ;
break ;

六. 上傳圖片提示信息漢化
打開fckeditor/editor/dialog/fck_p_w_picpath/fck_p_w_picpath.js
第454行 將switch ( errorNumber ) 結構中錯誤提示信息修改成:
switch ( errorNumber )
{
case 0 : // No errors
alert( '圖片上傳成功!' ) ;
break ;
case 1 : // Custom error
alert( customMsg ) ;
return ;
case 101 : // Custom warning
alert( customMsg ) ;
break ;
case 204 :
alert( '請上傳500K之內的圖片!' ) ;
break ;
case 201 :
alert( '已存在同名文件.剛纔上傳的文件已自動重命名爲: "' + fileName + '"' ) ;
break ;
case 202 :
alert( '不支持此文件格式!' ) ;
return ;
case 203 :
alert( '您可能沒有足夠的權限上傳文件,請檢查服務器設置!' ) ;
return ;
case 500 :
alert( '鏈接被禁用!' ) ;
break ;
default :
alert( '文件上傳失敗.錯誤號: ' + errorNumber ) ;
return ;
}

第499行，用「請選擇要上傳的文件」替換「Please select a file to upload」

七. 上傳flash提示信息漢化(步驟同上傳圖片信息漢化)

八. 添加中文字體與字號設置
打開fckconfig.js 中找到157行:
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
FCKConfig.FontSizes = 'smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;
將其註釋掉並添加以下代碼:
// 中文字體:
FCKConfig.FontNames = '宋體;新宋體;黑體;微軟雅黑;隸書;幼圓;楷體_GB2312;仿宋_GB2312;方正舒體;方正姚體;華文隸書;華文新魏;華文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

(字號選擇下面一種方式便可)
// 按文字像素大小選擇:
FCKConfig.FontSizes = '9px;10px;12px;14px;16px;18px;20px;22px;24px;36px' ;

// 按中文字號選擇(根據像素單位換算):
FCKConfig.FontSizes = '56px/初號;48px/小初;34px/一號;32px/小一;29px/二號;24px/小二;21px/三號;20px/小三;18px/四號;16px/小四;14px/五號;12px/小五;10px/六號;8px/小六' ;

// 按中文字號選擇(根據磅單位換算):
FCKConfig.FontSizes = '42pt/初號;36pt/小初;26pt/一號;24pt/小一;22pt/二號;18pt/小二;16pt/三號;15pt/小三;14pt/四號;12pt/小四;10.5pt/五號;9pt/小五;7.5pt/六號;6.5pt/小六' ;

打開editor/css/fck_editorarea.css第43行
FCKConfig.FontNames = '宋體;新宋體;黑體;微軟雅黑;隸書;幼圓;楷體_GB2312;仿宋_GB2312;方正舒體;方正姚體;華文隸書;華文新魏;華文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;