22-FCKEditor参数配置 (通过JS文件实现)
 
今天我们来继续上一篇博文的话题，我们介绍一下FCKEditor编辑器的参数配置！
一、FCKEditor编辑器的配置选项

根据FCKEditor官网解释：FCKEditor的配置选项共分为以下六类117项：

1  Editor Behavior

2  Styles

3  HTML Output

4  User Interface

5  Advanced

6  File Browser and Uploader

具体的配置有:

Editor Behavior

•AutoDetectPasteFromWord

•BaseHref

•CleanWordKeepsStructure

•ContentLangDirection

•DefaultLinkTarget
 
•DocType

•ForcePasteAsPlainText
•FullPage

•LinkDlgHideTarget

•MaxUndoLevels

•StartupFocus

•StartupShowBlocks
•TemplateReplaceAll
•TemplateReplaceCheckbox
•ToolbarComboPreviewCSS

Styles

•BodyId and BodyClass

•CoreStyles

•CustomStyles
 
•EditorAreaCSS
 
•EditorAreaStyles
 
•FontColors

•FontFormats
 
•FontNames
 
•FontSizes
•IndentClasses
 
•IndentLength
•IndentUnit
 
•JustifyClasses
•RemoveFormatTags
 
•StylesXmlPath
HTML Output
 
•AdditionalNumericEntities
 
•EMailProtection and EMailProtectionFunction
•EnterMode
 
•FillEmptyBlocks
•ForceSimpleAmpersand
•FormatIndentator
 
•FormatOutput
•FormatSource
 
•HtmlEncodeOutput
•IgnoreEmptyParagraphValue
 
•IncludeGreekEntities
•IncludeLatinEntities
•ProcessHTMLEntities
 
•ProcessNumericEntities
•ShiftEnterMode
 
•TabSpaces
User Interface
 
•AutoDetectLanguage
•ContextMenu
 
•DefaultFontFormatLabel
•DefaultFontSizeLabel
 
•DefaultFontLabel
•DefaultLanguage
•DefaultStyleLabel
 
•DisableFFTableHandles
•DisableObjectResizing
 
•EnableMoreFontColors
•FlashDlgHideAdvanced
 
•FloatingPanelsZIndex
•ImageDlgHideLink
 
•ImageDlgHideAdvanced
•Keystrokes
 
•LinkDlgHideAdvanced
•ShowBorders
 
•ShowDropDialog
•SkinPath
 
•SourcePopup
•SmileyColumns
•SmileyWindowHeight
 
•SmileyWindowWidth
•ToolbarCanCollapse
 
•ToolbarStartExpanded
•ToolbarLocation
 
•ToolbarSets
Advanced
 
•AllowQueryStringDebug
•BrowserContextMenuOnCtrl
 
•CustomConfigurationsPath
•Debug
 
•FirefoxSpellChecker
•IeSpellDownloadUrl
 
•PluginsPath
•Plugins.Add
 
•PreloadImages
•PreserveSessionOnFileBrowser
 
•ProtectedSource.Add
•ProtectedTags
 
•SmileyPath
•SmileyImages
 
•SpellChecker
•ScaytAutoStartup
 
•SpellerPagesServerScript
•TemplatesXmlPath
 
•MsWebBrowserControlCompat
File Browser and Uploader
 
•LinkBrowser
•LinkBrowserURL
 
•LinkBrowserWindowWidth
•LinkBrowserWindowHeight
 
•ImageBrowser
•ImageBrowserURL
 
•ImageBrowserWindowWidth
•ImageBrowserWindowHeight
 
•FlashBrowser
•FlashBrowserURL
 
•FlashBrowserWindowWidth
•FlashBrowserWindowHeight
 
•LinkUpload
•LinkUploadURL
 
•LinkUploadAllowedExtensions
•LinkUploadDeniedExtensions
 
•ImageUpload
•ImageUploadURL
 
•ImageUploadAllowedExtensions
•ImageUploadDeniedExtensions
 
•FlashUpload
•FlashUploadURL
 
•FlashUploadAllowedExtensions
•FlashUploadDeniedExtensions
 
二、编辑器配置的实现方法
 
对于FCKEditor编辑器的配置可以通过两种方法实现：
 
(1):通过设置fckconfig.js实现

(2):通过PHP文件实现编辑器的配置
 
三、通过fckconfig.js实现编辑器的配置
 
无论其配置参数有多少项，配置过程还是非常简单的！基本的语法结构是
 
FCKConfig.属性名称 = 属性值;
 
我们举几个例子来说明一下吧！
 
FontNames

功能:设置字体列表

语法:

FCKConfig.FontNames = ‘字体;字体;…’;

如:
FCKConfig.FontNames = ‘宋体;隶书;华文行楷; Arial;Times New Roman;Verdana’;

FontSizes

功能:设置字号列表

语法:

FCKConfig.FontSizes = ‘字号;字号;…’;

如:

FCKConfig.FontSizes = ‘12px;14px;16px;18px;20px;24px;28px’;
ToolbarSets

功能:设置工具栏

FCKConfig.ToolbarSets[“工具栏名称”] = [

['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','-','Subscript','Superscript'],

['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']

];

说明:

一项完整的工具栏必须位于英文中括号之间;

如果某项工具栏被划分为多个子部分(如样式工具栏又可为基础样式(加粗、倾斜等)、上标与下标)，那么可以采用竖线进行分隔

如果将工具栏进行换行，可采用"/"

如下图
 

 
SmileyPath

功能:设置表情图片存放的路径

语法:

FCKConfig. SmileyPath = FCKConfig.BasePath + “表情图片存放的路径”;

说明:

在默认情况下,表情存放的位置在FCKConfig.BasePath文件夹下的p_w_picpaths/smiley/msn/

如果想改变表情图片，那么需要事先将表情图片复制到相应的文件夹而且还需要修改SmileyImages属性.
 
在初始状态下截图如下:
 

 
配置参数如下：

FCKConfig.FontNames  = '宋体;隶书;华文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

FCKConfig.FontSizes  = '12px;14px;16px;18px;20px;24px;28px;smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;
FCKConfig.SmileyPath = FCKConfig.BasePath + 'p_w_picpaths/smiley/QQFace/' ;

FCKConfig.SmileyImages = ['0.gif','1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif','9.gif','10.gif','11.gif','12.gif','13.gif','14.gif','15.gif','16.gif','17.gif','18.gif','20.gif','21.gif','22.gif','23.gif','24.gif','25.gif','26.gif','27.gif','28.gif','29.gif','30.gif’];
 
配置后的效果如下图:
 
 
 
另外，当改变设置后必须清除缓存！

关于通过PHP来实现编辑器配置的方法，我们明天再来研究吧！

祝各位圣诞节快乐！

晚安！