22-FCKEditor参数配置 (经过JS文件实现)

22-FCKEditor参数配置 (经过JS文件实现)

 

今天咱们来继续上一篇博文的话题，咱们介绍一下FCKEditor编辑器的参数配置！

1、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

 

具体的配置说明请参照官网说明:
http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options

2、编辑器配置的实现方法

 

对于FCKEditor编辑器的配置能够经过两种方法实现：

 

(1):经过设置fckconfig.js实现

(2):经过PHP文件实现编辑器的配置

 

3、经过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来实现编辑器配置的方法，咱们明天再来研究吧！

祝各位圣诞节快乐！

晚安！