FCKeditor设置方法

精简编辑器：FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,并不是编辑器运行时必需的。只保留editor文件夹、fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以。进入lang文件夹内，只保留fcklang gemanager.js、zh-cn.js、en.js、zh.js这四个文件，第一个文件是语言配置文件， zh-cn.js是简体中文语言包,zh.js是繁体中文的。修改配置：修改的文件总配置文件，位于[size=x-small;]根目录下的fckconfig.js文件。设置默认语言为简体中文：FCKConfig.DefaultLang ge = 'en' ;改为 FCKConfig.DefaultLang ge = 'zh-cn' ;
自定义ToolbarSet， 去掉一些不需要的功能说明：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','-','S script','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'], ['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']] ;
其中[]中为一组工具按钮集，之间用“,”连接，这个“,”将显示为一个虚线分隔符，[]中的“‘-’”将显示为分隔符，[]与[]之间的“’/’”代表换行，将使前后两个工具按钮组分别显示在上下两行。配置选项的汇总如下表：
代码名称 功能 代码名称 功能
Source 源代码 DocProps 页面属性
- ｜分隔符 Save 保存
NewPage 新建 Preview 预览
Templates 模板 Cut 剪切
Copy 复制 Paste 粘贴
PasteText 粘贴为无格式文本 PasteWord 从MS Word粘贴
Print 打印 SpellCheck 拼写检查
Undo 撤消 Redo 重做
Find 查找 Replace 替换
SelectAll 全选 RemoveFormat 清除格式
Form 表单 Checkbox 复选框
Radio 单选框 TextField 单行文本
Textarea 多行文本 Select 列表菜单
Button 按钮 ImageButton 图像域
HiddenField 隐藏域 Bold 加粗
Italic 倾斜 Underline 下划线
StrikeThrough 删除线 S script 下标
Superscript 上标 OrderedList 插入／删除编号列表
UnorderedList 插入／删除项目列表 Outdent 减少缩进
Indent 增加缩进 JustifyLeft 左对齐
JustifyCenter 居中对齐 JustifyRight 右对齐
JustifyFull 两端对齐 Link 插入／编辑链接
Unlink 取消链接 Anchor 插入／编辑锚点链接
Image 插入编辑图像 Flash 插入／编辑Flash
Table 插入／编辑表格 Rule 插入水平线
Smiley 插入表情 SpecialChar 插入特殊符号
PageBreak 插入分页 Style 样式
FontFormat 格式 FontName 字体
FontSize 大小 TextColor 文本颜色
BGColor 背景颜色 FitWindow 全屏编辑
About 关于Fckeditor
如果编辑器用在论坛、留言板等，为安全起见，不要使用Default的toolbar，使用Basice的Toolbar，FCKConfig.ToolbarSets["Basic"] = [['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']] ;改成需要的，把添加链接、flash等等功能去掉。同时，还要修改 fckeditor编辑域内的鼠标右键功能， FCKConfig.ContextMenu = ['Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox','Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList','NumberedList','TableCell','Table','Form'] ;把不需要的功能都去掉。在默认情况下，fckeditor显示了全部的工具栏。在fckconfig.js中有两个工具栏的配置方案，一个是Default，一个是Basic。我们可以按照他的格式自定义几个选项。FCKConfig.ToolbarSets["c1"] = [['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],'/',['Bold','Italic','Underline','StrikeThrough','-','S script','Superscript'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],['Link','Unlink','Anchor'],'/',['Style','FontFormat','FontName','FontSize'],['TextColor','BGColor'],['FitWindow','ShowBlocks','-','About'] // No comma for the last row.] ;在页面中使用fckeditor时可以写成这样var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.ToolbarSet="c1";
加上几种常用的字体：将配置文件中的 FCKConfig.FontNames 属性的值修改(各字体名称之间用“;”分隔开)，如：FCKConfig.FontNames = '宋体;隶书;楷体_GB2312;黑体;华文行楷;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 修改“回车” 和 “Shift + 回车”的换行行为：修改 FCKConfig.EnterMode 和 FCKConfig.ShiftEnterMode 的值(可为p、div 或 br)。FCKConfig.EnterMode = 'br' ; 换行FCKConfig.ShiftEnterMode = 'p' ; 增加一个段落修改编辑区的样式文件：将需要的样式添加到 fckeditor\editor\css\fck_editorarea.css' ; 文件的后面即可。更换表情图片：//表情图片所在文件夹的路径FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/';//需要显示的表情图片名称（之间用“,”隔开）FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_smile.gif','tounge_smile.gif','embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angry_smile.gif','angel_smile.gif','shades_smile.gif','devil_smile.gif','cry_smile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif','broken_heart.gif','kiss.gif','envelope.gif'] ; //每行显示的表情图片个数FCKConfig.SmileyColumns = 8 ;//表情图片弹出页面的宽度FCKConfig.SmileyWindowWidth = 320 ;//表情图片弹出页面的高度FCKConfig.SmileyWindowHeight = 210 ;注：如果因为表情图片太大或者因为表情图片过多导出弹出页面尺寸过大，可通过修改 fckeditor\editor\dialog\fck_smiley.html 页面解决：1. 将 Head 部分window.onload = function (){// First of all, translate the dialog box textsoEditor.FCKLang geManager.TranslatePage(document) ;dialog.SetAutoSize( tr ) ;}中的 dialog.SetAutoSize( tr ) ; 注释掉，此句作用为自动将弹出页面尺寸调整至适合大小。2. 将 中的 style="overflow: hidden" 修改为 style="overflow: auto" 至于overflow 样式的作用可参考 CSS 的相关文档。 编辑区域的右键菜单功能：FCKConfig.ContextMenu = ['Generic','Link','Anchor','Image','Flash','Select','Textarea','Checkbox','Radio','TextField','HiddenField','ImageButton','Button','BulletedList','NumberedList','Table','Form','DivContainer'] ;设定程序语言：var _FileBrowserLang ge = 'php' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLang ge = 'php' ; // asp | aspx | cfm | lasso | perl | php | py把’php’换成‘asp‘设定上传功能：文件上传有两种模式，一种是服务器文件浏览模式，在该模式下可以浏览服务器上的文件，创建新文件夹。另一种是快速上传，在该模式下不能选择上传位置。默认在文件浏览模式下文件路径是：你配置的服务器路径 + 文件类型 +当前文件夹 + 文件名在快速上传模式下的文件路径是：你配置的服务器路径+文件名可以看出少了一个文件类型名的文件夹设置上传功能：fckconfig.js所有关于browser.html和upload.asp的后面的?Type=XX都改成Type=YY，其中YY为你想保存文件的文件夹名称。上传文件的设置：打开\editor\filemanager\browser\default\frmresourcetype.html，找到第15行，插入“ ['uploadfile','uploadfile'],”配合上刚才在fckconfig.js里的设置，那么我的上传文件路径就是/uploadfile，当然你也可以改成你想要的文件夹，但这里的名称一定要和fckconfig.js里的那个“Type=YY”里的YY一致才行。继续进入到editor\filemanager\browser\default\connectors\asp，打开config.asp，先把ConfigIsEnabled = False改成为ConfigIsEnabled = Tr，要不是没法上传文件的，再把ConfigUserFilesPath = "/UserFile"改成我想要的ConfigUserFilesPath = "/"。接着在“Set ConfigDeniedExtensions = CreateObject( "Scripting.Dictionary" )”后面加入ConfigAllowedExtensions.Add "uploadfile", ""ConfigDeniedExtensions.Add "uploadfile", ""同理，这里的设置也是要和上面以及fckconfig.js里面对应的。还有一个上传，就是快速上传。进入\editor\filemanager\upload\asp，同样打开config.asp，也同样的把ConfigIsEnabled = False 设置成 ConfigIsEnabled = Tr，我这里把ConfigUserFilesPath = "/UserFiles/"改成我想要的 ConfigUserFilesPath = "/uploadfile/"& Year(Date()) &"-"& Month(Date()) &"/"，因为我的上传文件是放在uploadfile文件夹下，并且是按月分开放置的。快速上传，不会让你选择文件夹，而是通过这里的设置直接上传的，这儿设置如果和前面的设置配合不好的话，你的文件就会被上传得乱七八糟，很不方便管理。接前重复前一个config.asp里的操作，在后面加上ConfigAllowedExtensions.Add "uploadfile", ""ConfigDeniedExtensions.Add "uploadfile", ""如果想上传到 /test/upload/yyymmdd/的文件夹下面则修改为 ConfigUserFilesPath = "/test/upload/" & year(now())& right("0"& month(now()),2)&right("0" & day(now()),2)修改编辑器位置：打开fckeditor.asp文件，找到 sBasePath = "/fckeditor/"改为 sBasePath = "设定的路径"打开fckeditor.js文件，找到 this.BasePath = '/fckeditor/' ;改为 this.BasePath = "设定的路径"用fckconfig.js中的一些选项来控制toolbarset中控件的功能，实现功能裁剪：1)：取消超链接中的浏览服务器和上传功能，方法如下：FCKConfig.LinkBrowser = false ;FCKConfig.LinkUpload = false ;2)：取消图片链接中的浏览服务器和上传功能，方法如下：FCKConfig.ImageBrowser = false ;上传图片时，不能浏览服务器（没有“浏览服务器按钮）FCKConfig.ImageUpload = false ; 点击上传图片后，没有上传按钮3)：Dlg Button中取消高级功能，方法如下：FCKConfig.LinkDlgHideAdvanced = tr ;点击超链接时，没有“高级”按钮FCKConfig.ImageDlgHideAdvanced = tr ;点击上传图片时，没有“高级”按钮FCKConfig.FlashDlgHideAdvanced = tr ;点击上传flash时，没有“高级”按钮

fckconfig.js中文注释：
FCKConfig.CustomConfigurationsPath = '' ; //自定义配置文件路径和名称
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ; //文本编辑区域的样式表文件路径
FCKConfig.EditorAreaStyles = '' ; //文本编辑区域的样式表风格
FCKConfig.ToolbarComboPreviewCSS = '' ; //工具栏预览CSS
FCKConfig.DocType = '' ; //文档类型
FCKConfig.BaseHref = '' ; //相对链接的基地址
FCKConfig.FullPage = false ; //是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
FCKConfig.StartupShowBlocks = false ; //是否启用"显示模块"
FCKConfig.Debug = false ; //是否开启调试窗口功能
FCKConfig.AllowQryStringDebug = tr ; //是否启用网页查询调试功能
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //FCKeditor皮肤路径
FCKConfig.SkinEditorCSS = '' ; //编辑器的皮肤CSS路径
FCKConfig.SkinDialogCSS = '' ; //对话窗口的皮肤CSS路径
FCKConfig.PreloadImages = [ FCKConfig.SkinPath + 'images/toolbar.start.gif', FCKConfig.SkinPath + 'images/toolbar.buttonarrow.gif' ] ; //预装入的图片
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路径
FCKConfig.AutoGrowMax = 400 ; //文本编辑区域允许自动增长的最大高度限制，设置此属性时应同时将// FCKConfig.Plugins.Add( 'autogrow' ) ;属性的注释去除，配合使用
FCKConfig.AutoDetectLang ge = tr ; //是否自动检测语言
FCKConfig.DefaultLang ge = 'en' ; //默认语言
FCKConfig.ContentLangDirection = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左
FCKConfig.ProcessHTMLEntities = tr ; //处理HTML实体
FCKConfig.Incl?LatinEntities = tr ; //包括拉丁文
FCKConfig.Incl?GreekEntities = tr ; //包括希腊文
FCKConfig.ProcessNumericEntities = false ; //处理数字实体
FCKConfig.AdditionalNumericEntities = '' ; //附加的数字实体
FCKConfig.FillEmptyBlocks = tr ; //是否填充空块
FCKConfig.FormatSource = tr ; //在切换到代码视图时是否自动格式化代码
FCKConfig.FormatOutput = tr ; //当输出内容时是否自动格式化代码
FCKConfig.FormatIndentator = ' ' ; //当在源码格式下缩进代码使用的字符
FCKConfig.EMailProtection = 'none' ; //侦测电子邮件链接
FCKConfig.EMailProtectionFunction = 'mt(NAME,DOMAIN,S JECT,BODY)' ; //侦测电子邮件链接
FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文本内容
FCKConfig.AutoDetectPasteFromWord = tr ; //是否自动探测从word粘贴文件,仅支持IE
FCKConfig.ShowDropDialog = tr ; //是否显示下拉菜单
FCKConfig.ForceSimpleAmpersand = false ; //是否不把&符号转换为XML实体
FCKConfig.TabSpaces = 0 ; //按下Tab键时光标跳格数,默认值为零为不跳格
FCKConfig.ShowBorders = tr ; //是否合并边框
FCKConfig.SourcePopup = false ; //是否弹出
FCKConfig.ToolbarStartExpanded = tr ; //启动FCKeditor工具栏默认是否展开
FCKConfig.ToolbarCanCollapse = tr ; //是否允许折叠或展开工具栏
FCKConfig.IgnoreEmptyParagraphVal = tr ; //是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ; //浮动面板索引
FCKConfig.HtmlEncodeOutput = false ; //是否将HTML编码输出
FCKConfig.TemplateReplaceAll = tr ; //是否替换所有模板
FCKConfig.TemplateReplaceCheckbox = tr ; //是否将实际内容显示在模版窗口中
FCKConfig.ToolbarLocation = 'In' ; //工具栏位置
FCKConfig.ToolbarSets["Default"] //配置默认工具栏中各按钮，适合用于后台编辑
FCKConfig.ToolbarSets["Basic"] //配置基本工具栏按扭，适合前台编辑
FCKConfig.EnterMode = 'p' ; //编辑文本时按回车键自动生成标签
FCKConfig.ShiftEnterMode = 'br' ; 编辑文本时按Shift+回车键自动生成
标签
FCKConfig.Keystrokes //自定义键盘快捷键
FCKConfig.ContextMenu //定义右键菜单的内容
FCKConfig.BrowserContextMenuOnCtrl = false ; //是否允许在编辑区域中当按下Ctrl键时，点击鼠标右键显示浏览器的上下文菜单
FCKConfig.BrowserContextMenu = false ; //是否允许在编辑区域中点击鼠标右键显示浏览器的上下文菜单
FCKConfig.EnableMoreFontColors = tr ; //是否禁止更多颜色选项
FCKConfig.FontColors //文字颜色列表
FCKConfig.FontFormats //文字格式列表
FCKConfig.FontNames //字体列表
FCKConfig.FontSizes //字号列表
FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ; //CSS样式列表的XML文件的位置
FCKConfig.TemplatesXmlPath = FCKConfig.EditorPath + 'fcktemplates.xml' ; //模版的XML文件位置
FCKConfig.SpellChecker = 'WSC' ; //拼写检查器
FCKConfig.IeSpellDownloadUrl = 'http://www.iespell.com/download.php' ; //下载拼写检查器的网址
FCKConfig.SpellerPagesServerScript = 'server-scripts/spellchecker.php' ; //拼写检查器脚本路径
FCKConfig.FirefoxSpellChecker = false ; //Firefox浏览器拼写检查
FCKConfig.MaxUndoLevels = 15 ; //最大可以撤销的次数
FCKConfig.DisableObjectResizing = false ; //是否禁止用户调整图像和表格的大小
FCKConfig.DisableFFTableHandles = tr ; //是否禁用表格工具
FCKConfig.LinkDlgHideTarget = false ; //是否隐藏Link窗口的target标签
FCKConfig.LinkDlgHideAdvanced = false ; //是否隐藏Link窗口的advanced标签
FCKConfig.ImageDlgHideLink = false ; //是否隐藏image窗口的link标签
FCKConfig.ImageDlgHideAdvanced = false ; //是否隐藏image窗口的advanced标签
FCKConfig.FlashDlgHideAdvanced = false ; //是否隐藏Flash窗口的advanced标签
FCKConfig.ProtectedTags = '' ; //添加HTML套用格式
FCKConfig.BodyId = '' ; //设置编辑器的id
FCKConfig.BodyClass = '' ; //设置编辑器的class
FCKConfig.DefaultStyleLabel = '' ; //设置文本编辑器的风格，默认为空白文档
FCKConfig.DefaultFontFormatLabel = '' ; //设置默认格式
FCKConfig.DefaultFontLabel = '' ; //设置默认字体
FCKConfig.DefaultFontSizeLabel = '' ; //设置默认字体大小
FCKConfig.DefaultLinkTarget = '' ; //设置默认链接目标为(_blank、_self _parent、_top)
FCKConfig.CleanWordKeepsStr ture = false ; //是否设置直接粘贴为Word格式
FCKConfig.RemoveFormatTags //删除文字时是否删除相应的格式
FCKConfig.RemoveAttributes //删除文字时是否删除相应的样式
FCKConfig.CustomStyles //样式菜单
FCKConfig.CoreStyles //设置FCKeditor核心样式
FCKConfig.IndentLength = 40 ; //编辑器中缩进量的长度
FCKConfig.IndentUnit = 'px' ; //编辑器中缩进量的单位
FCKConfig.IndentClasses = [] ; //FCKeditor允许使用CSS缩进
FCKConfig.JustifyClasses = [] ; //FCKeditor允许使用CSS类文本
var _FileBrowserLang ge = 'php' ; //文件浏览器使用的语言
var _QuickUploadLang ge = 'php' ; //快速上传使用的语言
var _FileBrowserExtension = _FileBrowserLang ge == 'perl' ? 'cgi' : _FileBrowserLang ge ; //文件浏览器扩展
var _QuickUploadExtension = _QuickUploadLang ge == 'perl' ? 'cgi' : _QuickUploadLang ge ; //快速上传扩展
FCKConfig.LinkBrowser = tr ; //是否允许在插入链接时浏览服务器
FCKConfig.LinkBrowserURL //插入链接时浏览服务器的URL
FCKConfig.LinkBrowserWindowWidth //链接目标浏览器窗口宽度
FCKConfig.LinkBrowserWindowHeight //链接目标浏览器窗口高度
FCKConfig.ImageBrowser = tr ; //是否在插入图片功能里启用服务器文件浏览功能
FCKConfig.ImageBrowserURL //图片文件浏览服务器的URL
FCKConfig.ImageBrowserWindowWidth //图像浏览器窗口宽度
FCKConfig.ImageBrowserWindowHeight //图像浏览器窗口高度
FCKConfig.FlashBrowser = tr ; //是否在插入flash功能里启用服务器文件浏览功能

FCKConfig.FlashBrowserURL //Flash浏览服务器的URL
FCKConfig.FlashBrowserWindowWidth //Flash浏览器窗口宽度
FCKConfig.FlashBrowserWindowHeight //Flash浏览器窗口高度
FCKConfig.LinkUpload = tr ; //是否开启文件上传的功能
FCKConfig.LinkUploadURL //指定默认上传文件的地址
FCKConfig.LinkUploadAllowedExtensions //设置允许上传文件的扩展名
FCKConfig.LinkUploadDeniedExtensions = "" ; //设置允许上传脚本文件的扩展名
FCKConfig.ImageUpload = tr ; //是否开启图片上传功能
FCKConfig.ImageUploadURL //指定默认上传图片文件的地址
FCKConfig.ImageUploadAllowedExtensions //设置允许上传图片文件的扩展名
FCKConfig.ImageUploadDeniedExtensions = "" ; //设置允许上传图片脚本文件的扩展名
FCKConfig.FlashUpload = tr ; //是否开启Flash上传功能
FCKConfig.FlashUploadURL //Flash上传文件的地址
FCKConfig.FlashUploadAllowedExtensions //设置允许上传Flash文件的扩展名
FCKConfig.FlashUploadDeniedExtensions = "" ; //设置允许上传Flash脚本文件的扩展名
FCKConfig.SmileyPath //插入表情图标的路径
FCKConfig.SmileyImages //表情图标的文件名称
FCKConfig.SmileyColumns = 8 ; //表情窗口显示表情列数
FCKConfig.SmileyWindowWidth = 320 ; //表情窗口显示宽度，此窗口会因为表情文件的改变而作调整
FCKConfig.SmileyWindowHeight = 210 ; //表情窗口显示高度，此窗口会因为表情文件的改变而作调整
FCKConfig.BackgroundBlockerColor = '#ffffff' ; //编辑器弹出窗口时，背景遮照住的颜色
FCKConfig.BackgroundBlockerOpacity = 0.50 ; //编辑器弹出窗口时，背景遮照住的透明度
FCKConfig.MsWebBrowserControlCompat = false ;
FCKConfig.PreventS mitHandler = false ;