在PHP环境下配置在线编辑器FCKeditor_php

　　//引入在线编辑器

　　include(“../FCKeditor/fckeditor.php”) ;
　　这里我们先看一下调用FCKeditor的函数，2.0版的调用方式与1.6版变化不大，如果你以前安装过FCKeditor 1.6，那么只需要修改很少的代码升级到2.0。

　　FCKeditor( instanceName[, width, height, toolbarSet, value]

　　好啦，下面就让我们利用这个函数来定制FCKeditor吧。

$oFCKeditor = new FCKeditor(‘FCKeditor1’)  ;
$oFCKeditor->BasePath = ‘../FCKeditor/’ ;   
$oFCKeditor->ToolbarSet = ‘Default’ ;
$oFCKeditor->InstanceName = ‘EditorDefault’ ;
$oFCKeditor->Width = ‘100%’ ;
$oFCKeditor->Height = ‘400’ ;
$oFCKeditor->Create() ;

　　三、配置在线编辑器

　　FCKeditor 2.0的配置文件为FCKeditor/fckconfig.js，其中几个重要的配置项目如下：

　　默认情况下，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’]
] ;

FCKLanguageManager.AvailableLanguages = 
{
 ‘ar’  : ‘Arabic’,
 ‘bs’  : ‘Bosnian’,
 ‘ca’  : ‘Catalan’,
 ‘en’  : ‘English’,
 ‘es’  : ‘Spanish’,
 ‘et’  : ‘Estonian’,
 ‘fi’  : ‘Finnish’,
 ‘fr’  : ‘French’,
 ‘gr’  : ‘Greek’,
 ‘he’  : ‘Hebrew’,
 ‘hr’  : ‘Croatian’,
 ‘it’  : ‘Italian’,
 ‘ko’  : ‘Korean’,
 ‘lt’  : ‘Lithuanian’,
 ‘no’  : ‘Norwegian’,
 ‘pl’  : ‘Polish’,
 ‘sr’  : ‘Serbian (Cyrillic)’,
 ‘sr-latn’ : ‘Serbian (Latin)’,
 ‘sv’  : ‘Swedish’
}

FCKLanguageManager.AvailableLanguages = 
{
 ‘ar’  : ‘Arabic’,
 ‘bs’  : ‘Bosnian’,
 ‘ca’  : ‘Catalan’,
 ‘en’  : ‘English’,
 ‘es’  : ‘Spanish’,
 ‘et’  : ‘Estonian’,
 ‘fi’  : ‘Finnish’,
 ‘fr’  : ‘French’,
 ‘gr’  : ‘Greek’,
 ‘he’  : ‘Hebrew’,
 ‘hr’  : ‘Croatian’,
 ‘it’  : ‘Italian’,
 ‘ko’  : ‘Korean’,
 ‘lt’  : ‘Lithuanian’,
 ‘no’  : ‘Norwegian’,
 ‘pl’  : ‘Polish’,
 ‘sr’  : ‘Serbian (Cyrillic)’,
 ‘sr-latn’ : ‘Serbian (Latin)’,
 ‘sv’  : ‘Swedish’,
 ‘zh-cn’     : ‘Chinese’
}

　　从图中可以看出，当客户端向服务器发出一个文件操作请求后，Connector就会对此请求进行响应，在服务器的文件系统中进行执行操作，如：文件和文件夹的浏览以及创建操作。最后将结果以xml的格式回应给客户端。具体的技术细节大家可以阅读FCKeditor自带的说明指南。

　　落实到应用，首先我们要选择一个后台语言用来实现这个功能，这里我们以PHP为例进行说明。

//Link Browsing
FCKConfig.LinkBrowser = true ;
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + “filemanager/browser/default/browser.html?Connector=connectors/php/connector.php” ;
FCKConfig.LinkBrowserWindowWidth = screen.width * 0.7 ;    // 70%
FCKConfig.LinkBrowserWindowHeight       = screen.height * 0.7 ;   // 70%
//Image Browsing
FCKConfig.ImageBrowser = true ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + “filemanager/browser/default/browser.html?Type=Image&Connector=connectors/php/connector.php” ;
FCKConfig.ImageBrowserWindowWidth  = screen.width * 0.7 ;     // 70% ;
FCKConfig.ImageBrowserWindowHeight = screen.height * 0.7 ;       // 70% ;

　　2、  修改配置文件

FCKeditor/editor/filemanager/browser/default/connectors/php/connector.php // Get the “UserFiles” path. $GLOBALS[“UserFilesPath”] = ‘/UserFiles/’ ;

　　UserFiles为文件上传的路径，与本文开头所给的例子相对应，大家可以自行修改。

　　好啦，只需要两步就完成了文件上传的配置工作，真是简单呀。以后我们通过FCKeditor上传的文件都会保存在网站的UserFiles目录下。