`

FCKeditor参数定制

阅读更多

FCKeditor网页文本编辑器是一款专门使用在网页上属于开放源代码的所见即所得网页文本编辑器。它可以支持几乎所有的浏览器。简单介绍一下它的配置 文件fckconfig.js中文注释。这些中文注释主要是通过网上搜索、FCKeditor官方的开发文档和自己的理解得来的,如果有理解错误的地方请 高手留言指正。
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.AllowQueryStringDebug = true ; //是否启用网页查询调试功能
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.AutoDetectLanguage = true ; //是否自动检测语言
FCKConfig.DefaultLanguage = 'en' ; //默认语言
FCKConfig.ContentLangDirection = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左
FCKConfig.ProcessHTMLEntities = true ; //处理HTML实体
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文
FCKConfig.IncludeGreekEntities = true ; //包括希腊文
FCKConfig.ProcessNumericEntities = false ; //处理数字实体
FCKConfig.AdditionalNumericEntities = '' ; //附加的数字实体
FCKConfig.FillEmptyBlocks = true ; //是否填充空块
FCKConfig.FormatSource = true ; //在切换到代码视图时是否自动格式化代码
FCKConfig.FormatOutput = true ; //当输出内容时是否自动格式化代码
FCKConfig.FormatIndentator = ' ' ; //当在源码格式下缩进代码使用的字符
FCKConfig.EMailProtection = 'none' ; //侦测电子邮件链接
FCKConfig.EMailProtectionFunction = 'mt(NAME,DOMAIN,SUBJECT,BODY)' ; //侦测电子邮件链接
FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文本内容
FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE
FCKConfig.ShowDropDialog = true ; //是否显示下拉菜单
FCKConfig.ForceSimpleAmpersand = false ; //是否不把&符号转换为XML实体
FCKConfig.TabSpaces = 0 ; //按下Tab键时光标跳格数,默认值为零为不跳格
FCKConfig.ShowBorders = true ; //是否合并边框
FCKConfig.SourcePopup = false ; //是否弹出
FCKConfig.ToolbarStartExpanded = true ; //启动FCKeditor工具栏默认是否展开
FCKConfig.ToolbarCanCollapse = true ; //是否允许折叠或展开工具栏
FCKConfig.IgnoreEmptyParagraphValue = true ; //是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ; //浮动面板索引
FCKConfig.HtmlEncodeOutput = false ; //是否将HTML编码输出
FCKConfig.TemplateReplaceAll = true ; //是否替换所有模板
FCKConfig.TemplateReplaceCheckbox = true ; //是否将实际内容显示在模版窗口中
FCKConfig.ToolbarLocation = 'In' ; //工具栏位置
FCKConfig.ToolbarSets["Default"] //配置默认工具栏中各按钮,适合用于后台编辑
FCKConfig.ToolbarSets["Basic"] //配置基本工具栏按扭,适合前台编辑
FCKConfig.EnterMode = 'p' ; //编辑文本时按回车键自动生成<P></P>标签
FCKConfig.ShiftEnterMode = 'br' ; ////编辑文本时按Shift+回车键自动生成<br />标签
FCKConfig.Keystrokes //自定义键盘快捷键
FCKConfig.ContextMenu //定义右键菜单的内容
FCKConfig.BrowserContextMenuOnCtrl = false ; //是否允许在编辑区域中当按下Ctrl键时,点击鼠标右键显示浏览器的上下文菜单
FCKConfig.BrowserContextMenu = false ; //是否允许在编辑区域中点击鼠标右键显示浏览器的上下文菜单
FCKConfig.EnableMoreFontColors = true ; //是否禁止更多颜色选项
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 = true ; //是否禁用表格工具
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.CleanWordKeepsStructure = 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 _FileBrowserLanguage = 'php' ; //文件浏览器使用的语言
var _QuickUploadLanguage = 'php' ; //快速上传使用的语言
var _FileBrowserExtension = _FileBrowserLanguage == 'perl' ? 'cgi' : _FileBrowserLanguage ; //文件浏览器扩展
var _QuickUploadExtension = _QuickUploadLanguage == 'perl' ? 'cgi' : _QuickUploadLanguage ; //快速上传扩展
FCKConfig.LinkBrowser = true ; //是否允许在插入链接时浏览服务器
FCKConfig.LinkBrowserURL //插入链接时浏览服务器的URL
FCKConfig.LinkBrowserWindowWidth //链接目标浏览器窗口宽度
FCKConfig.LinkBrowserWindowHeight //链接目标浏览器窗口高度
FCKConfig.ImageBrowser = true ; //是否关闭图片文件浏览服务器的功能
FCKConfig.ImageBrowserURL //图片文件浏览服务器的URL
FCKConfig.ImageBrowserWindowWidth //图像浏览器窗口宽度
FCKConfig.ImageBrowserWindowHeight //图像浏览器窗口高度
FCKConfig.FlashBrowser = true ; //是否关闭Flash浏览服务器的功能
FCKConfig.FlashBrowserURL //Flash浏览服务器的URL
FCKConfig.FlashBrowserWindowWidth //Flash浏览器窗口宽度
FCKConfig.FlashBrowserWindowHeight //Flash浏览器窗口高度
FCKConfig.LinkUpload = true ; //是否开启文件上传的功能
FCKConfig.LinkUploadURL //指定默认上传文件的地址
FCKConfig.LinkUploadAllowedExtensions //设置允许上传文件的扩展名
FCKConfig.LinkUploadDeniedExtensions = "" ; //设置允许上传脚本文件的扩展名
FCKConfig.ImageUpload = true ; //是否开启图片上传功能
FCKConfig.ImageUploadURL //指定默认上传图片文件的地址
FCKConfig.ImageUploadAllowedExtensions //设置允许上传图片文件的扩展名
FCKConfig.ImageUploadDeniedExtensions = "" ; //设置允许上传图片脚本文件的扩展名
FCKConfig.FlashUpload = true ; //是否开启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.PreventSubmitHandler = false ;
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

FCKEditor工具条定制
FCkEditor确实是一个非常优秀的HTML在线编辑器,它的功能确实很强大,而且也非常的灵活,具有很强的定制性。

FCKEditor默认的工具栏项目很多,我们完全可以对其进行自定制,以满足自己的需求。

网上也有很多介绍定制工具栏的方法。下面就是其中的一种:

在fckconfig.js中找到FCKConfig.ToolbarSets 段,默认有两个工具条样式,一个是Default,一个是Basic(我的版本是2.5)。

增加如下一段:

1FCKConfig.ToolbarSets["Custom"] = [
2 ['FontFormat','FontName','FontSize'],
3 ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
4 ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
5 ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
6 ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
7 ['Link','Unlink','Anchor'],
8 ['TextColor','BGColor'],'/'
9 ['Cut','Copy','Paste','PasteText','PasteWord'],
10 ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
11 ['FitWindow','ShowBlocks','-','Source','About'] // No comma for the last row.
12] ;


然后再调用代码中做如下更改

注意第7行是新增的,指定所要使用的工具栏


1<%
2 Dim oFCKeditor
3 Set oFCKeditor = New FCKeditor
4 oFCKeditor.BasePath = "edit/"
5 oFCKeditor.Value = ""
6 oFCKeditor.Config("SkinPath")="/website/manage/edit/editor/skins/silver/"
7 oFCKeditor.ToolbarSet = "Custom"
8 oFCKeditor.Create "txtcontent"
9%>
10


其定制语法很简单
[] 表示一个工具条,
[] 中的短横线'-'表示一个垂直分割线
'' 两个单引号中间加一个标识符表示一个工具栏按钮,具体的对应关系可以自己找。
'/' 作用类似于一个回车。使该符号后面的工具栏新起一行排列。

------------------------------------------------------------------------------
------------------------------------------------------------------------------
语言的配置

查找FCKConfig.DefaultLanguage将它设置为'zh-cn'.默认是en为英语,为'zh-cn'是中文。
------------------------------------------------------------------------------
------------------------------------------------------------------------------

脚本语言的设置

查 找var _FileBrowserLanguage和var _QuickUploadLanguage将他们设置为'php', 默认是'asp',如果这里不设置的话,图片将不能上传,这点很重要。当时我在用FCKeditor由于没配置这个,不能上传图片,而我同寝室的用asp 能上传图片,让我烦恼了好多天,最后终于找到是这个原因。

---------------------------------------------------------------------------------
---------------------------------------------------------------------------------

注意这一步:图片上传不成功,需要修改一下这里的路径,请用自己的路径,而不是我设置好的路径:
图片上传的配置

打开文件FCKeditor/editor/filemanager/browser/default/connectors/php/config.php:
查找$Config['Enabled'],将它设置为'true';查找$Config['UserFilesPath'],将它设置图片的目录,这个目录是相对于主目录的。

打开文件FCKeditor/editor/filemanager/upload/php/config.php:
查找$Config['Enabled'],将它设置为'true';查找$Config['UseFileType'],将它设置上传文件的目录,最好与上面的图片目录相同。

分享到:

相关推荐

    FCKEDITOR_ASP版

    集成FCKEDITOR_ASP版时,开发者需要在网页中引入fckeditor.asp和fckeditor.js,并设置适当的参数,如编辑器的宽度、高度以及初始内容。通过参考链接中的博客文章...

    最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

    FCKeditor默认可以上传文件、图片、Flash和多媒体四种类型的文件,可以在SetConfig()中对AllowedTypes修改来增减允许的类型(这个类型可以在后面的TypeConfig["TypeName"]中定义,比如在AllowedExtensions属性中定制...

    fckeditor2.6.3 完整版

    FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js 你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法. 修改后,在建立编辑器时,可以使用以下语法:...

    Fck文本编辑器 FCKeditor fckeditor

    总的来说,FCKeditor是一款功能强大、易于定制的富文本编辑器,尽管已被更先进的CKEditor所取代,但其在许多旧系统和项目中仍有着广泛的应用。对于想要提高网站交互性的开发者而言,理解并掌握FCKeditor的使用和配置...

    FCKeditorDemo,教你如何使用FCKeditor的相关资料

    2. **配置参数**: FCKeditor有许多可配置的参数,例如高度、宽度、初始内容、工具栏布局等。你可以通过`FCKConfig`对象来设置这些参数,使其符合你的应用需求。 3. **获取和设置编辑器内容**: 使用`...

    fckeditor所需jar包集合及java源文件

    - 其他依赖库:可能包含FCKeditor开发者为Java环境定制的一些额外库。 4. **源码文件** "fckeditor-java-2.6-src.zip"包含了FCKeditor的Java源代码。这通常包括了与编辑器交互的Java类,如FCKEditorServlet,以及...

    FCKeditor2.5配置教程

    - **图片和文件上传**:FCKeditor内置了图片和文件上传功能,你可以配置上传的路径、大小限制等参数。 - **浏览器兼容性**:FCKeditor 2.5支持大部分现代浏览器,但可能需要对IE6/7进行特别处理。 ### 五、实践案例...

    fckeditor九套皮肤

    例如,如果希望使用“专业”皮肤,只需将配置项中的skin参数设置为"professional"即可。 除了预设的九套皮肤,FCKeditor还支持自定义皮肤。开发者可以创建自己的皮肤,通过调整CSS样式和图片资源,实现完全个性化的...

    fckEditor,fckEditor

    2. **配置文件**:修改`fckeditor/editor/_source/config.js`中的配置参数,根据项目需求定制编辑器的行为和外观。 3. **引入编辑器**:在HTML页面中通过JavaScript引用fckeditor.js文件,并创建编辑器实例。 4. *...

    FCKeditor使用指南(FCKeditor_2.6.3)

    1. **初始化编辑器**:通过JavaScript调用`FCKeditor.Create()`方法创建编辑器实例,指定textarea的ID作为参数。 2. **语言设置**:FCKeditor支持多种语言,可以在`languages`目录下找到语言文件,根据需求调整默认...

    fckeditor的配置详解

    总结来说,fckeditor的配置是一个涉及多个方面的过程,涵盖了编辑器的基础设置、工具栏定制、语言选项、上传功能、以及个性化开发等多个环节。通过深入学习和实践,我们可以灵活地调整FCKeditor以适应各种应用场景。

    fckeditor下载

    5. **配置参数**:FCKeditor允许你通过配置参数自定义编辑器的行为,比如设置默认字体、大小、语言等。这些配置可以通过JavaScript在创建编辑器实例时传递。 6. **处理提交的富文本**:由于富文本包含HTML标签,...

    fckeditor和使用方法

    5. **创建编辑区域**:在HTML中添加一个`&lt;textarea&gt;`标签,其ID与初始化时的参数(如上述示例中的`FCKeditor1`)对应,FCKeditor会替换这个`textarea`。 ```html &lt;textarea id="FCKeditor1" name="FCKeditor1"&gt; ```...

    .NET版FCKeditor在线编辑器

    2. **JavaScript API**:用于客户端交互,开发者可以使用API进行更高级的定制,如自定义按钮、事件处理等。 3. **文件管理器**:FCKeditor支持文件上传和管理,通常会包含一个文件管理器组件,用于处理用户上传的...

    文本编辑器FCKEditor使用详解

    FCKeditor 还提供了丰富的API和插件扩展机制,允许开发者根据需求定制编辑器的功能,例如添加新的按钮、实现自定义的文件管理器或者调整编辑器的样式。此外,通过配置文件或初始化参数,你可以控制哪些文件类型可以...

    在Lotus中嵌入Fckeditor上传代码

    根据实际需求,可能还需要对FCKeditor的样式和功能进行进一步定制。 在提供的文件列表中,"FCK.nsf"可能是一个包含示例或模板的Lotus Notes数据库,其中包含了集成FCKeditor所需的代码和设置。打开并研究这个数据库...

    FCKEDITOR 常用上传方法

    **FCKEditor常用上传方法** FCKEditor是一款开源的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑。...在实际应用中,开发者可以根据需求对这些组件进行定制,以满足特定的文件管理和上传需求。

    html编辑器FCKeditor使用详解

    FCKeditor支持对语言、样式、文件上传限制等功能进行更深入的定制。例如,通过修改配置文件或自定义插件,可以实现特定的文件类型上传限制、编辑器语言切换、自定义样式集等功能,以满足不同项目的需求。 总结,...

    java fckeditor所需jar包

    - **HTML集成**:在客户端页面中,通过JavaScript调用FCKeditor,并设置编辑器的配置参数。 3. **主要功能** - **文本格式化**:FCKeditor支持字体、字号、颜色、对齐方式等基本格式设置。 - **链接管理**:可以...

    fckeditor-java-2.4源码

    本文将重点探讨FCKeditor 2.4的Java版本源码,帮助开发者深入了解其内部工作原理,以便于更好地集成和定制。 FCKeditor 2.4是该编辑器的一个重要版本,它支持多种浏览器,并提供了许多增强的功能和改进。在Java环境...

Global site tag (gtag.js) - Google Analytics