網(wǎng)頁(yè)編輯器FCKeditor 2.6.4精簡(jiǎn)配置方法

上傳目錄請(qǐng)?jiān)趂ckeditoreditorfilemanagerconnectorsaspconfig.asp中設(shè)置

Dim ConfigUserFilesPath
ConfigUserFilesPath = "/userfiles/"

中文配置說(shuō)明：
因?yàn)橄螺d下來(lái)的壓縮包里面有包含很多在我們使用時(shí)，用不到的，不刪除也行?？磦€(gè)人喜好下面以PHP為例，進(jìn)行程序瘦身

刪除所有”_”開(kāi)頭的文件和文件夾
刪除FCKeditor的目錄下：
fckeditor.afp
fckeditor.asp PHPChina
fckeditor.cfc
fckeditor.cfm PHPChina
fckeditor.lasso
fckeditor.pl PHPChina
fckeditor.py
access.txt
license.txt
刪除語(yǔ)言包editorlang中除中文和英文以外的語(yǔ)言
刪除skin目錄下除默認(rèn)皮膚以外的文件夾
filemanager/browser/default/connectors/目錄下除php以外的文件（最新2.6.4.1版本好像在\filemanager\connectors下）
filemanager/upload/目錄下除php以外的文件
如果你不想要表情包 刪除 editorimagessmiley下的msn文件夾及表情按鈕
好了 精簡(jiǎn)完畢

我們通常把編輯器用以個(gè)文件夾存放、通常情況下我們可以明白為fckeditor或editor

找到里面兩關(guān)鍵文件 fckeditor_php4.php fckeditor_php5.php 這兩個(gè)文件的代碼相差不了多少，很顯然跟php版本有關(guān)

打開(kāi)這兩個(gè)文件

XML/HTML代碼
function FCKeditor( $instanceName )
{
$this->InstanceName = $instanceName ;
$this->BasePath = './editor/' ; 默認(rèn)編輯器所在的文件位置
$this->Width = '100%' ; 默認(rèn)編輯器寬
$this->Height = '350' ; 默認(rèn)編輯器高
$this->ToolbarSet = 'Default' ; 默認(rèn)編輯器SKIN
$this->Value = '' ; 初始值

$this->Config = array() ;
}
FCKeditor設(shè)置文件 "fckconfig.js"

XML/HTML代碼
FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱(chēng)
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件
FCKConfig.EditorAreaStyles = '' ; // 編輯區(qū)的樣式表風(fēng)格
FCKConfig.ToolbarComboPreviewCSS =''; //工具欄預(yù)覽CSS
FCKConfig.DocType = '' ;//文檔類(lèi)型
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址
FCKConfig.FullPage = false ; //是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
FCKConfig.StartupShowBlocks = false ;//決定是否啟用"顯示模塊"
FCKConfig.Debug = false ;//是否開(kāi)啟調(diào)試功能
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮膚路徑
FCKConfig.PreloadImages=... //預(yù)裝入的圖片
FCKConfigFCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路徑
FCKConfig.AutoDetectLanguage = true ; //是否自動(dòng)檢測(cè)語(yǔ)言
FCKConfig.DefaultLanguage = 'zh-cn' ; //默認(rèn)語(yǔ)言
FCKConfig.ContentLangDirection = 'ltr' ; //默認(rèn)的文字方向,可選"ltr/rtl",即從左到右或從右到左
FCKConfig.ProcessHTMLEntities = true ; //處理HTML實(shí)體
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文
FCKConfig.IncludeGreekEntities = true ;//包括希臘文
FCKConfig.ProcessNumericEntities = false ;//處理數(shù)字實(shí)體
FCKConfig.AdditionalNumericEntities = '' ; //附加的數(shù)字實(shí)體
FCKConfig.FillEmptyBlocks = true ; //是否填充空塊
FCKConfig.FormatSource = true ; //在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatOutput = true ; //當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatIndentator = ' ' ; //當(dāng)在源碼格式下縮進(jìn)代碼使用的字符
FCKConfig.StartupFocus = false ; //開(kāi)啟時(shí)焦點(diǎn)是否到編輯器,即打開(kāi)頁(yè)面時(shí)光標(biāo)是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否強(qiáng)制粘貼為純文件內(nèi)容
FCKConfig.AutoDetectPasteFromWord = true ; //是否自動(dòng)探測(cè)從word粘貼文件,僅支持IE
FCKConfig.ShowDropDialog = true ;//是否顯示下拉菜單
FCKConfig.ForceSimpleAmpersand = false ;//是否不把符號(hào)轉(zhuǎn)換為XML實(shí)體
FCKConfig.TabSpaces = 0 ;//按下Tab鍵時(shí)光標(biāo)跳格數(shù),默認(rèn)值為零為不跳格
FCKConfig.ShowBorders = true ;//合并邊框
FCKConfig.SourcePopup = false ;//彈出
FCKConfig.ToolbarStartExpanded = true ;//啟動(dòng)fckeditor工具欄默認(rèn)是否展開(kāi)
FCKConfig.ToolbarCanCollapse = true ;//是否允許折疊或展開(kāi)工具欄
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮動(dòng)面板索引
FCKConfig.HtmlEncodeOutput = false ;//是否將HTML編碼輸出
FCKConfig.TemplateReplaceAll = true ;//是否替換所有模板
FCKConfig.ToolbarLocation = 'In' ;//工具欄位置,
FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱(chēng)
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址
FCKConfig.Debug = true/false; // 是否開(kāi)啟調(diào)試功能，當(dāng)調(diào)用FCKDebug.Output()時(shí)，會(huì)在調(diào)試窗中輸出內(nèi)容
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 設(shè)置皮膚
FCKConfig.AutoDetectLanguage = true/false ; // 是否自動(dòng)檢測(cè)語(yǔ)言
FCKConfig.DefaultLanguage = 'zh-cn' ; // 設(shè)置默認(rèn)語(yǔ)言
FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默認(rèn)文字方向，ltr左，rtr右
FCKConfig.FillEmptyBlocks = true/false ; // 使用這個(gè)功能，可以將空的塊級(jí)元素用空格來(lái)替代
FCKConfig.FormatSource = true/false; // 切換到代碼視圖時(shí)，是否自動(dòng)格式化代碼
FCKConfig.FormatOutput = true/false; // 當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatIndentator = ""; // 當(dāng)在“源碼格式”下縮進(jìn)代碼使用的字符
FCKConfig.GeckoUseSPAN = true/false; // 是否允許SPAN標(biāo)記代替B，I，U標(biāo)記
FCKConfig.StartupFocus = true/false; // 開(kāi)啟時(shí)是否FOCUS到編輯器
FCKConfig.ForcePasteAsPlainText = true/false;// 強(qiáng)制粘貼為純文本
FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把符號(hào)轉(zhuǎn)換為XML實(shí)體
FCKConfig.TabSpaces = 0/1; // TAB是否有效
FCKConfig.TabSpaces = 4; // TAB鍵產(chǎn)生的空格字符數(shù)
FCKConfig.ShowBorders = true/false; // 是否合并邊框
FCKConfig.ToolbarStartExpanded = true/false; // 頁(yè)面載入時(shí)，工具欄是否展開(kāi)，點(diǎn)“展開(kāi)工具欄”時(shí)才出現(xiàn)
FCKConfig.ToolBarCanCollapse = true/false; // 是否允許展開(kāi)折疊工具欄
FCKConfig.ToolbarSets = object ; // 編輯器的工具欄，可以自行定義，刪減，可參考已存在工具欄
FCKConfig.EnterMode = 'p'; // 編輯器中直接回車(chē)，在代碼中生成，可選為p | div | br
FCKConfig.ShiftEnterMode = 'br'; // 編輯器中Shift+回車(chē)，在代碼中生成，可選為p | div | br
FCKConfig.ContextMenu = 字符串?dāng)?shù)組; // 右鍵菜單的內(nèi)容
FCKConfig.FontColors = ""; // 文字顏色列表
FCKConfig.FontNames = ""; // 字體列表
FCKConfig.FontSizes = ""; // 字號(hào)列表
FCKConfig.FontFormats = ""; // 文字格式列表
FCKConfig.StylesXmlPath = ""; // CSS樣式列表的XML文件的位置
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼寫(xiě)檢查器
FCKConfig.IeSpellDownloadUrl = ""; // 下載拼寫(xiě)檢查器的網(wǎng)址
FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路徑
FCKConfig.SmileyImages = ''; // 表情文件名稱(chēng)列表，具體參考默認(rèn)設(shè)置
FCKConfig.SmileyColumns = 8; // 表情窗口顯示表情列數(shù)
FCKConfig.SmileyWindowWidth = 320; // 表情窗口顯示寬度，此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整
FCKConfig.SmileyWindowHeight = 240; // 表情窗口顯示高度，此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整
FCKConfig.FullPage = true/false; // 是否允許編輯整個(gè)HTML文件，還是僅允許編輯BODY間的內(nèi)容

上傳設(shè)置

var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php[/code]
//第一個(gè)是文件瀏覽器使用的語(yǔ)言，第二個(gè)快速上傳使用的語(yǔ)言，改成你需要的
FCKConfig.LinkUploadAllowedExtensions = "" ; // empty for all
FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$"
//這是兩個(gè)允許和拒絕上傳的文件類(lèi)型列表
FCKConfig.ImageBrowser = false ;是否在插入圖片功能里面啟用服務(wù)器文件瀏覽功能
FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;
Type=Image 表示文件類(lèi)型是image這會(huì)使文件瀏覽器定位到文件上傳路徑/image/文件夾下面
FCKConfig.FlashBrowser = false ;是否在插入flash功能中啟用服務(wù)器文件瀏覽功能
FCKConfig.LinkUpload = false ;是否啟用插入鏈接的快速上傳功能
FCKConfig.ImageUpload = false ;是否啟用圖片快速上傳功能
FCKConfig.FlashUpload = false ;是否啟用flash上傳功能

服務(wù)器文件設(shè)置

文件瀏覽器的設(shè)置：
fckeditoreditorfilemanagerconnectorsaspconfig.asp

ConfigIsEnabled = true 決定是否啟用文件瀏覽器。這個(gè)是在服務(wù)器上執(zhí)行的
ConfigUserFilesPath = "/test/upload/" 上傳文件的路徑（相對(duì)的）
ConfigAllowedExtensions.Add "File", ""
ConfigDeniedExtensions.Add "File", "php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi"
ConfigAllowedExtensions.Add "Image", "jpg|gif|jpeg|png|bmp"
ConfigDeniedExtensions.Add "Image", ""
ConfigAllowedExtensions.Add "Flash", "swf|fla"
ConfigDeniedExtensions.Add "Flash", ""
ConfigAllowedExtensions.Add "Media", "swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt"
ConfigDeniedExtensions.Add "Media", ""
這是4個(gè)不同的filetype類(lèi)型 分別對(duì)應(yīng)了前臺(tái)編輯器的 插入鏈接 插入圖片 插入flash 插入媒體 4個(gè)功能

這里的文件類(lèi)型與上面提到的兩處文件類(lèi)型是一致的要改必須許全改
快速上傳：

XML/HTML代碼
ConfigIsEnabled = False //是否啟用快速上傳
ConfigUserFilesPath = "/UserFiles/"

//如果想上傳到 /test/upload/yyymmdd/的文件夾下面
則修改為 ConfigUserFilesPath = "/test/upload/" year(now()) right("0" month(now()),2)right("0" day(now()),2)

FCKeditor設(shè)置多個(gè)工具欄樣式

FCKeditor中自帶了兩種工具欄樣式，Default 和Base?？墒俏椰F(xiàn)在想再加一種工具欄樣式。我試了一下。將Default樣式的設(shè)置復(fù)制了一下改為FCKConfig.ToolbarSets["Blogedit"],里面?zhèn)€體的工具欄項(xiàng)我就不寫(xiě)了?？墒钱?dāng)我在調(diào)用這個(gè)工具欄時(shí)，卻提示我說(shuō)工具欄Blogedit設(shè)置沒(méi)有找到，這是怎么回事啊？難道FCKeditor只能使用Def ault 和Base這兩種樣式嗎？ 找到 fckconfig.js 里面設(shè)置這里我添加了 ddd 工具欄樣式 要用的時(shí)候只需要 在

引用的時(shí)候 $this->ToolbarSet = 'ddd' ; 就OK 了

XML/HTML代碼
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscrīpt','Superscrīpt'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
] ;
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
FCKConfig.ToolbarSets["ddd"] = [
['OrderedList','UnorderedList','-','Link','Unlink','-','About','Bold','Italic','Underline','StrikeThroug
h','-','Subscrīpt','Superscrīpt']
] ;
有時(shí)間我在吧！ ADODB+SMARTY中應(yīng)用板塊寫(xiě)上去
將FCKEDITOR整合進(jìn)我的頁(yè)面

由于目前的版本提供的FCKEDITOR僅提供了JAVAscrīpt式的整合,因此,這里僅講述如何應(yīng)用JAVAscrīpt來(lái)整合FCKEDITOR到站點(diǎn)中,當(dāng)然,其他各種語(yǔ)言的整合,你可以
參考_samples文件夾中的例子來(lái)完成
1,假如編輯器已經(jīng)安裝在你的站點(diǎn)的/FCKEDITOR/文件夾下.那么,第一步我們需要做的就是在頁(yè)面的HEAD段中放入scrīpt標(biāo)記以引入JAVAscrīpt整合模塊.例如:
scrīpt type="text/javascrīpt" src="/fckeditor/fckeditor.js">/scrīpt>

其中路徑是可更改的

2,現(xiàn)在,FCKEDITOR類(lèi)已經(jīng)可以使用了.有兩個(gè)方法在頁(yè)面中建立一個(gè)FCKEDITOR編輯器:
方法1:內(nèi)聯(lián)方式(建議使用):在頁(yè)面的FORM標(biāo)記內(nèi)需要插入編輯器的地方置入以下代碼:
scrīpt type="text/javascrīpt">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.Create() ;
/scrīpt>

方法2:TEXTAREA標(biāo)記替換法(不建議使用):在頁(yè)面的ONLOAD事件中,添加以下代碼以替換一個(gè)已經(jīng)存在的TEXTAREA標(biāo)記

html>
head>
scrīpt type="text/javascrīpt">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.ReplaceTextarea() ;
}
/scrīpt>
/head>
body>
textarea id="MyTextarea" name="MyTextarea">This is b>the/b> initial value./textarea>
/body>
/html>

現(xiàn)在,編輯器可以使用了

FCKEDITOR類(lèi)參考:
下面是用來(lái)在頁(yè)面中建立編輯器的FCKEDITOR類(lèi)的說(shuō)明

構(gòu)造器:
FCKeditor( instanceName[, width, height, toolbarSet, value] )
instanceName:編輯器的唯一名稱(chēng)(相當(dāng)于ID)
WIDTH:寬度
HEIGHT:高度
toolbarSet:工具條集合的名稱(chēng)
value:編輯器初始化內(nèi)容

屬性:
instanceName:編輯器實(shí)例名
width:寬度,默認(rèn)值為100%
height:高度,默認(rèn)值是200
ToolbarSet:工具集名稱(chēng),參考FCKCONFIG.JS,默認(rèn)值是Default
value:初始化編輯器的HTML代碼,默認(rèn)值為空
BasePath:編輯器的基路徑,默認(rèn)為/Fckeditor/文件夾,注意,盡量不要使用相對(duì)路徑.最好能用相對(duì)于站點(diǎn)根路徑的表示方法,要以/結(jié)尾
CheckBrowser:是否在顯示編輯器前檢查瀏覽器兼容性,默認(rèn)為true
DisplayErrors:是否顯示提示錯(cuò)誤,默為true;
集合:
Config[Key]=value;
這個(gè)集合用于更改配置中某一項(xiàng)的值,如
oFckeditor.Config["DefaultLanguage"]="pt-br";

方法:
Create()
建立并輸出編輯器

RepaceTextArea(TextAreaName)
用編輯器來(lái)替換對(duì)應(yīng)的文本框

如何配置FCKEDITOR?
FCKEDITOR提供了一套用于定制其外觀,特性及行為的設(shè)置集.主配置文件名為Fckconfig.js
你既可以編輯主配置文件,也可以自己定義單獨(dú)的配置文件.配置文件使用JAVAscrīpt語(yǔ)法.

修改后,在建立編輯器時(shí),可以使用以下語(yǔ)法:
var ōFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ;
oFCKeditor.Create() ;

提醒:當(dāng)你修改配置后,請(qǐng)清空瀏覽器緩存以查看效果

自定義樣式列表
FCKEDITOR的樣式工具欄中提供了預(yù)定義的樣式,樣式是通過(guò)XML文件定義的,默認(rèn)的XML樣式文件存在于FCkEditor根文件夾下的FckStyls.xml文件中
這個(gè)XML文件的結(jié)構(gòu)分析如下:
?xml version="1.0" encoding="utf-8" ?>
Styles >
Style name="My Image" element="img">
Attribute name="style" value="padding: 5px" />
Attribute name="border" value="2" />
/Style >
Style name="Italic" element="em" />
Style name="Title" element="span">
Attribute name="class" value="Title" />
/Style >
Style name="Title H3" element="h3" />
/Styles>

每一個(gè)STYLE標(biāo)記定義一種樣式,NAME是顯示在下拉列表中的樣式名,ELEMENT屬性指定此樣式所適用的對(duì)象,因?yàn)镕CKEDITOR中的樣式是上下文敏感的,也就是說(shuō),選擇不同的對(duì)象,僅會(huì)顯示針對(duì)這類(lèi)對(duì)象定義的樣式

拼寫(xiě)檢查

FCKEDITOR帶了兩種拼寫(xiě)檢查工具,一種是ieSpell,默認(rèn)情況下使用這種,使用這種方式的拼寫(xiě)檢查,要求客戶(hù)下載并安裝iespell這個(gè)小軟件,另外,也提供SpellPager的方式來(lái)進(jìn)行拼寫(xiě)檢查,不過(guò),由于SPELLPAGER是由PHP編寫(xiě)的服務(wù)器端腳本,因此,要求你的WEB服務(wù)器必須支持PHP腳本語(yǔ)言方可
K M d(R-l0更改拼寫(xiě)檢查器的方式請(qǐng)參見(jiàn)有關(guān)配置文件的詳細(xì)說(shuō)明

壓縮腳本

為了提供腳本載入的效率,FCKEDITOR采用以下方法對(duì)腳本盡量壓縮以減少腳本尺寸:
1,移除掉腳本中的注釋
2.移除掉腳本中所有無(wú)意義的空白
另外,FCKEDITOR還提供了一個(gè)專(zhuān)門(mén)用于壓縮腳本的工具以便你在發(fā)布時(shí)能減小文件尺寸,
你可以將_Packager文件夾中的Fckeditor.Packager.exe復(fù)制到FCKEDITOR根文件夾來(lái)運(yùn)行并壓縮腳本

本地化FCKEDITOR
如果FCKEDITOR沒(méi)有提供您所需要的語(yǔ)言(實(shí)際上全有了),你也可以自行制作新的語(yǔ)言
,你只需要復(fù)制出EN.JS,然后在其基礎(chǔ)上進(jìn)行翻譯.另外,語(yǔ)言名稱(chēng)與對(duì)應(yīng)的腳本文件名必須遵循RFC 3066標(biāo)準(zhǔn),但是,需要小寫(xiě),例如:Portuguess Language對(duì)應(yīng)的腳本
文件名必須為pt.js
如果需要針對(duì)某個(gè)國(guó)家的某種語(yǔ)系,則可以在語(yǔ)系縮寫(xiě)后加上橫線及國(guó)家縮寫(xiě)即可
在使用時(shí),系統(tǒng)會(huì)自動(dòng)偵測(cè)客戶(hù)端語(yǔ)系及國(guó)別而運(yùn)用適當(dāng)?shù)慕缑嬲Z(yǔ)言.
當(dāng)建立一種新的語(yǔ)言后,你必須在"Edit/lang/fcklanguagemanager.js"中為其建立一個(gè)條目,如下所示:
FCKLanguageManager.AvailableLanguages =
{

en : 'English',
pt : 'Portuguese'
}

需要提醒的是,文件必須保存為UTF-8格式