当前位置：首页 > 资讯 > 技术文档

HTML 编辑器 FCKeditor使用详解

时间：2021-02-22 06:53 编辑：来源：阅读：
扫一扫，手机访问

摘要：HTML 编辑器 FCKeditor使用详解

[b]一、简介[/b] 功能：所见即所得，支持图片和Flash，工具栏可自由配置，使用简单兼容性：IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、 Camino 1.0+ 成熟度：使用广泛，被Baidu、CSDN等选用 [b]二、下载 [/b]官方下载首页：http://www.fckeditor.net/download/，当前版本为2.5.1 需要下载FCKeditor 2.5.1（FCKeditor_2.5.1.zip）和FCKeditor.Java（FCKeditor-2.3.zip） [b]三、部署 [/b]本例以WebRoot作为应用根路径，部署后的目录结构如下图所示： [img]http://files.jb51.net/upload/20090621154832740.png[/img] 1. FCKeditor_2.5.1.zip解压，将fckeditor文件夹复制到/WebRoot/下 2. FCKeditor-2.3.zip解压，将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下 3. 修改/WebRoot/WEB-INF/web.xml文件，增加以下内容：

[url=]ContentLangDirection="ltr/rtl" 默认文字方向 ContextMenu=字符串数组,右键菜单的内容 CustomConfigurationsPath="" 自定义配置文件路径和名称 Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容 EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML EnableXHTML=true/false 是否允许使用XHTML取代HTML FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代 FontColors="" 设置显示颜色拾取器时文字颜色列表 FontFormats="" 设置显示在文字格式列表中的命名 FontNames="" 字体列表中的字体名 FontSizes="" 字体大小中的字号列表 ForcePasteAsPlainText=true/false 强制粘贴为纯文本 ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体 FormatIndentator="" 当在源码格式下缩进代码使用的字符 FormatOutput=true/false 当输出内容时是否自动格式化代码 FormatSource=true/false 在切换到代码视图时是否自动格式化代码 FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容 GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记 IeSpellDownloadUrl=""下载拼写检查器的网址 ImageBrowser=true/false 是否允许浏览服务器功能 ImageBrowserURL="" 浏览服务器时运行的URL ImageBrowserWindowHeight="" 图像浏览器窗口高度 ImageBrowserWindowWidth="" 图像浏览器窗口宽度 LinkBrowser=true/false 是否允许在插入链接时浏览服务器 LinkBrowserURL="" 插入链接时浏览服务器的URL LinkBrowserWindowHeight=""链接目标浏览器窗口高度 LinkBrowserWindowWidth=""链接目标浏览器窗口宽度 Plugins=object 注册插件 PluginsPath="" 插件文件夹 ShowBorders=true/false 合并边框 SkinPath="" 皮肤文件夹位置 SmileyColumns=12 图符窗列数 SmileyImages=字符数组图符窗中图片文件名数组 SmileyPath="" 图符文件夹路径 SmileyWindowHeight 图符窗口高度 SmileyWindowWidth 图符窗口宽度 SpellChecker="ieSpell/Spellerpages" 设置拼写检查器 StartupFocus=true/false 开启时FOCUS到编辑器 StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置 TabSpaces=4 TAB键产生的空格字符数 ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏 ToolbarSets=object 允许使用TOOLBAR集合 ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开 UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记

[b]六、自定义样式 [/b]工具栏的Style选项，是由fckconfig.js指定的配置文件来产生的：

[u]复制代码[/u][/url] 代码如下:

FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;

可修改fckstyles.xml来自定义样式。

全部评论(0)

上一篇：解决FCKEditor在IE10、IE11下的不兼容问题
下一篇：Html 编辑器粘贴内容过滤技术详解

资讯排行榜
更多>>