下载文档原格式
FCKEDIT 配置（一）一:首先删除不必要的文件节省空间。
凡是以_开头的文件如_samples，_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。
二:修改fckconfig.jsFCKConfig.AutoDetectLanguage = true ;//是否自动检测语言FCKConfig.DefaultLanguage = 'zh-cn' ;//设置语言FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;//设置皮肤FCKConfig.TabSpaces = 1 ;//tab是否有效FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现，等点“展开工具栏”时才出现FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;//添加中文字体修改FCKeditor\editor\css\fck_editorarea.css设置默认字体及大小body, td{font-family: Arial, Verdana, Sans-Serif;font-size: 14px;}三:关于文件上传的设置修改fckconfig.jsvar _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | phpvar _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php修改fckeditor\editor\filemanager\browser\connectors\php\config.php$Config['Enabled'] = true ;$Config['UserFilesPath'] = '/UserFiles/' ;//设置上传的文件夹，可自己指定修改fckeditor\editor\filemanager\connectors\upload.php //这个没有找到$Config['Enabled'] = true ;$Config['UseFileType'] = true ;$Config['UserFilesPath'] = '/UserFiles/' ;//同上要一样四:引入在线编辑器时只需<?phpinclude("fckeditor/fckeditor.php") ;$oFCKeditor = new FCKeditor('FCKeditor1') ;//实例化$oFCKeditor->BasePath = 'fckeditor/';//这个路径一定要和上面那个引入路径一致，否则会报错:找不到fckeditor.html页面//$oFCKeditor->Value = '' ;$oFCKeditor->Width = '100%' ;$oFCKeditor->Height = '300' ;$oFCKeditor->ToolbarSet = 'Default' ; //可以自己精简toolbar$oFCKeditor->Create() ;//可以用$oFCKeditor->CreateHtml()?>JS用alert( FCKeditorAPI.GetInstance('FCKeditor1').GetXHTML( true ))得到FCKeditor1的值；PHP用$_POST['FCKeditor1']得到FCKeditor1的值。
FCKeditor使用方法详解目录一、FCKeditor简介 (2)1.1 FCKeditor是什么 (2)1.2 FCKeditor的特点 (3)二、安装与配置FCKeditor (5)三、基本功能使用方法 (6)3.1 文本格式化 (7)3.2 段落和列表操作 (9)3.3 图片和表格插入 (10)3.4 表单字段 (11)3.5 样式和脚本 (12)四、高级功能使用方法 (13)4.1 可视编辑器 (14)4.2 自动排版 (16)4.3 批量导入/导出 (17)4.4 国际化支持 (18)4.5 客户端存储 (20)五、自定义插件与扩展 (21)5.1 如何安装插件 (22)5.2 插件的使用方法 (24)5.3 开发自定义插件 (25)六、常见问题与解决方案 (27)6.1 常见问题列表 (28)6.2 问题解决步骤 (29)七、实例演示 (30)7.1 创建一个简单的HTML页面 (31)7.2 在页面中添加FCKeditor (32)7.3 配置和使用FCKeditor的各种功能 (34)八、FCKeditor在主流开发框架中的应用 (35)8.1 PHP+MySQL环境下的应用 (36)8.2 环境下的应用 (37)8.3 Java/Spring环境下的应用 (39)九、总结与展望 (39)9.1 FCKeditor的优点 (40)9.2 FCKeditor的局限性与未来发展趋势 (41)一、FCKeditor简介FCKeditor是一款由德国Maxthon公司开发的强大的网页文本编辑器，它具有丰富的功能、高度的可定制性和易用性，被广泛应用于各种Web应用中，如论坛、博客、新闻发布等。
FCKeditor不仅提供了基本的文本编辑功能，还支持图像、表格、超链接等元素的插入和编辑，以及自定义插件和宏，可以满足用户的各种编辑需求。
FCKeditor采用了基于JavaScript的富文本编辑技术，具有高效的性能和较小的体积，可以轻松地集成到各种Web应用中。
Fckeditor 使用要点:1. fckeditor 使用及配置2. 分析并解决fckeditor 的乱码问题3. 修改fckeditor 以符合自己的要求介绍FCKeditor 的官方网站：FCKeditor 是一个开源的HTML文本编辑器，可以让web 程序拥有如MS Word 这样强大的编辑功能，还可以上传图片，flash等，支持多国语言。
准备环境1. 下载FCKeditor从官方网站可以下载. 下载的压缩包为FCKeditor_2.4.3.zip (本文中使用的版本).因为我们要使用在JavaWeb 项目中，所以还需要再下载压缩包FCKeditor-2.3.zip (本文中使用的版本)2. 加入到JavaWeb 工程中.解压缩FCKeditor 2.4.3.zip 得到文件夹fckeditor. 里面有editor 文件夹, _samples 文件夹和一些文件. 把文件夹fckeditor 拷贝到工程的WebRoot 目录下.如果要在jsp 中使用定义标签调用FCKeditor需要拷贝FCKeditor-2.3/src 下的FCKeditor.tld 文件到项目的WebContent/WEB-INF 目录或其子目录下, 但不能放在WEB-INF/classes 或WEB-INF/lib 下. 并且拷贝FCKeditor-2.3.jar 到工程的WEB-INF/lib 目录中.如果要使用文件上传相关功能需要拷贝FCKeditor-2.3/web/WEB-INF/lib下的commons-fileupload.jar和FCKedito-2.3.jar 到工程WEB-INF/lib 目录中.在工程的web.xml 中增加FCKeditor-2.3/web/WEB-INF/web.xml 中的内容, 然后做以下修改:<servlet><servlet-name>SimpleUploader</servlet-name>……<init-param><!--修改此参数设置为true，开启上传功能--><param-name>enabled</param-name><param-value>true</param-value></init-param></servlet>修改web.xml 中Connector 和SimpleUploader 为正确的路径.例如SimpleUploader的映射默认为/editor/filemanager/upload/simpleuploader.应改为/fckeditor/editor/filemanager/upload/simpleuploader. 其中fckeditor 为编辑器所在目录.使用(摘自官方文档)方法一: 使用javascript, 建立并输出编辑器1. 引入fckeditor.js<SCRIPT type="text/javascript" src="fckeditor/fckeditor.js"></SCRIPT>2.<script type="text/javascript">var oFCKeditor = new FCKeditor('FCKeditor1');oFCKeditor.BasePath = "fckeditor/";oFCKeditor.Create();</script>方法二: 使用javascript, 用编辑器来替换对应的文本域1. In <HEAD> add the "onload" method:<script type="text/javascript">window.onload = function(){var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;oFCKeditor.BasePath = "/fckeditor/" ;oFCKeditor.ReplaceTextarea() ;}</script>2. In <BODY> add the below code to replace an existing TEXTAREA in the page:<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>方法三: 在jsp 中使用自定义标签(摘自官方的demo)1. 导入标签: <%@ taglib prefix="fck" uri="/tags-fckeditor" %>2. 调用FCKeditor<fck:editor id="content" basePath="${pageContext.request.contextPath}/fckeditor/"></fck:editor>还有其它方法, 请参见官方文档: /FCKeditor_2.x/Developers_Guide配置以上就可以在我们的页面中使用fckeditor 了. 还可以对其进行配置(Y ou can either edit the main configuration file or just override the settings you want to change in a separate file)1. 可以直接修改配置文件fckconfig.js2. 或是指定一个配置文件, 只写需要更改的设置项.使用:var oFCKeditor = new FCKeditor( "FCKeditor1" ) ;// 指定自定义配置文件oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js" ;oFCKeditor.Create() ;即设置CustomConfigurationsPath 属性为配置文件的路径提示:♦在使用时,系统会自动侦测并运用适当的界面语言.♦修改配置后, 要先清除缓存, 以免影响结果♦BasePath 属性是编辑器的基路径,默认为/Fckeditor/文件夹, 要以/ 结尾自定义工具栏：可修改或增加ToolbarSets，例如：FCKConfig.ToolbarSets["myToolbar"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','TextColor' ,'-','Image','Fl ash','Table']] ;可以尝试去掉一些按钮在页面中要指定使用这个自定义的ToolbarSetsvar oFCKeditor = new FCKeditor( "FCKeditor1" ) ;oFCKeditor.ToolbarSet="myToolbar"oFCKeditor.Create() ;修改“回车”和“Shift+回车”的换行行为默认是回车是一个段落, shift+回车是换行, 我们要颠倒过来可以按如下设置(注释提示了可选模式)FCKConfig.EnterMode = 'br' ; // 回车是换行// p | div | brFCKConfig.ShiftEnterMode = 'p' ; // shift+Enter 是一个段落// p | div | br编辑区样式文件FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;可以在这个文件中自定义样式, 将会作用于编辑区提示: 可以使用@import url(other.css);更换表情图片1. 拷贝图片到一个文件夹.例如放到FCKConfig.BasePath + 'images/smiley/wangwang/' 下2. 修改配置文件1.更改表情图片的路径FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/wangwang/' ;2.指定表情图片的文件名FCKConfig.SmileyImages= ['0.gif','1.gif','2.gif','3.gif','4.gif','5.gif'] ;3.设定窗口合适的大小FCKConfig.SmileyColumns = 3 ; // 有几列FCKConfig.SmileyWindowWidth = 650 ; // 表情窗口宽度FCKConfig.SmileyWindowHeight = 480 ; // 表情窗口高度提示:如果使用的图片过多, 而指定的窗口大小不足够大时, 就会有一部分表情显示不出来,窗口上没有滚动条, 且窗口大小不能用鼠标调整.解决办法: 找到这个对话框的源文件fckeditor/editor/dialog/fck_smiley.html 文件. 修改其中<body> 中的scroll=”no”属性值为“auto”修改字体FCKConfig.FontNames ='宋体;楷体_GB2312;黑体;隶书;Times New Roman;Arial' ;FCKConfig.FontSizes ='1/最小;2/较小;3/中等;4/较大;5/最大';使用文件上传功能修改配置文件浏览与文件上传的链接，使之与web.xml中Servlet的映射路径联系起来。
网站项目：Fckeditor使用Step-By-Step最近项目中要用到在线编辑器，网搜下下，一箩筐，众说纷纭，介绍下Fckeditor使用手记。
一.下载FCKeditor V2.*.*.官网地址：/project/showfiles.php?group_id=75348FCKeditor2.*.*.zip ：Click Here.zip ：Click HereFckeditorV2.*.*解压后里面文件很多，只需保留几个重要的文件，具体如下(二)。
解压后里面Bin文件夹下，有Debug和Release两个文件夹，用哪个文件夹里面的FredCK.FCKeditorV2.dll都行。
(下载不同的版本，Fckeditor文件夹里面有的有这两个文件夹，有的只有一个，关键的是要将Fckeditor和FredCK.FCKeditorV2.dll的版本号控制好，不然以后会报“未能加载未能加载类型FredCK.FCKeditorV2.Uploader”或“未能加载类型FredCK.FCKeditorV2.FileBrowser.Connector”或“未能加载类型FredCK.FCKeditorV2.Config”,当然要是遇到这种情况，只需要点击下面的错误提示，跳转到相应页面，改page指令里面的：将FredCK.FCKeditorV2.Connector改为FredCK.FCKeditorV2.FileBrowser.Connector ）二. 精简文件：1.进入FCKeditor文件夹，把所有“_”开头的文件和文件夹删掉，这些都是一些范例，只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了；2.进入editor文件夹，删掉“_source”文件夹，里面放的同样是源文件；ng里面放的是语言包，如果只是用简体中文，那么只保留zh-cn.js就行，建议也保留en.js（英文）、zh.js（繁体中文）两个文件三.修改配置：1.注入FredCK.FCKeditorV2.dll：一般网上介绍的是将Bin文件夹下的FredCK.FCKeditorV2.dll作为第三方控件，导入工具箱中，其实也没那个必要，只需将它添加引用到网站的Bin里面就行了。
〇、假设网站地目录为：以下为引用地内容：\\\一、调用地两种方法、通过创建实例来调用在文件中，调用它地代码，把下面地代码加在需要编辑器地地方：以下为引用地内容：< ""><引用这个文件，基本地类和数据结构都在这里("");创建对象地实例.即提交后，接收数据页面['']使用('');所在地位置，这里它地位置就是'' 文件夹>'';工具按钮设置>'';设置它地宽度>'';设置它地高度>'';生成>();?><>、通过调用以下为引用地内容：< "">< "" "" ": " >< "" ": " >< "" "" ><><>注意："" 和中地“”必须相同.其实，用调用和用第一种方法本质是完全一样地！不信地话，请在用浏览器打开网站上地文件，然后查看“源代码”，就是本调用地代码.所以推荐通过创建实例来调用.、当用来获得内容地时候是不是发现得不到内容，如：<>< "();" ""><>你会发现弹谈出地窗口没内容.我们可以通过下面地代码来获得它地内容：以下为引用地内容：<>(){('');();;}<>< "(());">二、配置一些文件、地配置()工具按钮设置查找[""]，这里有很多按钮，下面我们将对他们详细介绍显示源代码删除线保存新建空白页面上标下标预览左对齐剪切复制粘贴居中对齐右对齐两端对齐纯文本粘贴自动编号来自地粘贴项目符号打印减少缩进拼写检查增加缩进查找显示表格线替换显示明细撤销添加动作还原复选框全选单选按钮去除格式单行文本框插入编辑链接滚动文本框去除连接下拉菜单锚点按钮插入编辑图片图片按钮插入编辑表格隐藏插入水平线显示比例插入特殊字符系统字体软键盘字体样式插入表情符号字体格式关于字体粗体字体大小斜体文字颜色下划线背景色这个默认地是包含了所有地工具按钮，但是有时有地按钮并不需要.那么我们可以将不需要地按钮给删了.下面是一个定制地配置，给大家一个参考.以下为引用地内容：[""] [['','','','','','','','','','','','','','','','','','','','','','','','','',''] ,['','','','','','','','','','','','','','','','','','','','','']];再例如：以下为引用地内容：['','','','','','','','','','']];这样地话，你在前台调用地时候就要用>''，不能再是""了.()语言地配置查找将它设置为''.()脚本语言地设置查找和将他们设置为'', 默认是'',如果这里不设置地话，图片将不能上传，这点很重要.当时我在用由于没配置这个，不能上传图片，而我同寝室地用能上传图片，让我烦恼了好多天，最后终于找到是这个原因.、图片上传地配置打开文件：查找['']，将它设置为''；查找['']，将它设置图片地目录，这个目录是相对于主目录地.例如：我写了一个，就可以设置为打开文件：查找['']，将它设置为''；查找['']，将它设置上传文件地目录，最好与上面地图片目录相同.好了，现在所有地配置都已经完成了，现在你要做地只是删除一些不必要地文件了.只要包含''地目录名和文件名都可以删除，这都是一些说明文件.因为我们用在环境中，其他语言相关地一些文件也都可以删除.。
FCKeditor 配置（主要是是实现浏览服务器和中文乱码）这个配置真的非常让人头疼的。
首先我想说的是，我没有做任何权限控制，这些需要加一些filter，不过至今没有研究过。
一、解决浏览服务器在jsp后台，服务是通过servlet来做的，同样的这个FCKeditor浏览服务器也是的。
而我们需要做的有两个方面，一个是前台页面的js配置，一个是后台的web.xml配置首先，fckeditor我们是做一些必要的文件部署，把FCKeditor这个文件夹放置到webapp（网页根目录），这是FCKeditor的根本。
也是前台产生界面的来源。
（我测试时采用的是FCKeditor-2.6，这个版本倒没什么影响）第二，包文件我们需要把相应的java文件包做一些复制。
经过多次测试得出一些经验，这次配置使用的FCKeditor-java-2.4，我们不光需要的是他的包文件，我们还应该下载源文件，因为我们之后解决中文问题时必须要用到其中的一个叫做ConnectorServlet.java做一些修改。
目录fckeditor-java-2.4中，有个包fckeditor-java-core-2.4.jar目录fckeditor-java-2.4\lib中有三个包Commons-fileupload-1.2.1.jarCommons-io-1.3.2.jarSlf4j-api-1.5.2.jar还需要用到包slf4j-simple-1.5.2.jar这个包应该在slf4j-1.5.2这个文件夹中找到我们这个里面会用到org.slf4j.impl.StaticLoggerBinder这个类这些包就是后台配置所必需的包，把他们都拷贝到webapp/WEB-INF/lib目录待用。
第三fckconfig.js和WEB-INF/web.xml配置这两项配置是否成功将直接导致我们是否能正确的访问到servlet，并实现浏览服务器功能。
FCKeditor使用详解JAVA版（二）10. 解决上传中文乱码问题和重命名文件：修改ConnectorServlet.java重命名文件名：11. Peoperties文件的配置：参考下面:# 允许上传的文件类型connector.resourceType.file.extensions.allowed = 7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|m p3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|r mi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|w mv|xls|xml|zipconnector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|pngconnector.resourceType.flash.extensions.allowed = swf|flaconnector.resourceType.media.extensions.allowed = aiff|asf|avi|bmp|fla|flv|gif|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg |mpg|png|qt|ram|rm|rmi|rmvb|swf|tif|tiff|wav|wma|wmv # 上传资源默认路径connector.resourceType.file.path = /fileconnector.resourceType.image.path = /imageconnector.resourceType.flash.path = /flashconnector.resourceType.media.path = /media# 强制一个文件名只能有一个“.”符号connector.forceSingleExtension = true# 默认的上传路径，为上下文的相对路径erFilesPath = /userfiles# 是否显示全路径connector.fullUrl = false# 这个如果设置为true，则Fckeditor会检查目录中是否有相同的文件，如果有就# 会对这个文件进行重命名connector.secureImageUploads = true# fckeditor相对于Context的路径fckeditor.basePath = /fckeditor# fckeditor的默认高度fckeditor.height = 200# 默认的工具栏fckeditor.toolbarSet = Default# 默认的宽度fckeditor.width = 100%# 一些提示信息message.enabled_patible_browser.no = Your browser is not compatiblemessage.enabled_patible_browser.yes = Your browser is fully compatiblemessage.enabled_tag.connector.file_browsing.disabled = The Connector is disabled for FileBrowsingmessage.enabled_tag.connector.file_browsing.enabled = The Connector is enabled for FileBrowsingmessage.enabled_tag.connector.file_upload.disabled = The Connector is disabled for FileUploadmessage.enabled_tag.connector.file_upload.enabled = TheConnector is enabled for FileUpload12. 文件的上传：如果要上传文件，需要下载一个apache http server，然后在安装目录下，找到conf目录，找到httpd.conf文件。
JAVA环境下HTML编辑器FCKeditor使用详解本文大部分为转贴，部分为个人使用后发现的问题与理解。
使用的是最新的FCKeditor2.6Beta+FCKeditor java2.3集成的java环境编辑器。
这编辑器和csdn博客中使用的一样，只是少了两个功能：恢复上次提交和插入代码。
不知道怎么弄的，谁知道可以告诉我。
一起交流，我也是刚开始接触这编辑器。
本文介绍FCKeditor在Java环境下的使用方法。
一、简介功能：所见即所得，支持图片和Flash，工具栏可自由配置，使用简单兼容性：IE5.5+、Firefox1.5+、Safari3.0+、Opera9.50+、Netscape7.1+、Camino1.0+成熟度：使用广泛，被Baidu、CSDN等选用二、下载官方下载首页：/download/，当前版本为2.6Beta，需要下载FCKeditor 2.6Beta（FCKeditor_2.6b.zip）和FCKeditor.Java（FCKeditor-2.3.zip）。
三、部署本例以WebRoot作为应用根路径，部署后的目录结构如下图所示：1、FCKeditor_2.6b.zip解压，将fckeditor文件夹复制到/WebRoot/下2、FCKeditor-2.3.zip解压，将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下，将src下面的FCKeditor.tld复制到/WebRoot/WEB-INF/下，把src 目录下的java类的复制到project的src目录下3、修改/WebRoot/WEB-INF/web.xml文件，只定义了两个Servlet映射，并且对上传文件的目录和允许哪些文件上传、拒绝哪些文件上传做了设置，请注意，这两个servlet的url-pattern 我都在原来代码的前面加上了/fckeditor，这是表示FCKeditor的根目录。
FckEditor配置手册中文教程详细说明作者:ly 日期:2007-11-16 10:15:47FckEditor配置手册中文教程详细说明转自：/fckeditor/性能首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的在线编辑器,它里面融入了作者高深的面向对象的JAVASCRIPT功力,集易用性与强大的功能与一体..与编辑器相关的所有图像,脚本以及调用页.语言文件.编辑器的皮肤文件.工具样的贴图等这些将导致在服务器和客户端间产生相当的流量.如果有许多文件被调用,那么即便每个文件很小.也会让用户等得不耐烦.装载顺序从2.0版开始,编辑器按以下步骤装载资源:.基本页(就是编辑器所在页)以及装入编辑器的JS脚本.用来建立编辑器的脚本.编辑器的语言和皮肤..建立编辑器..载入预置的编辑文档内容..从现在开始,用户可以阅读和编辑文档了,不过,拖拽支持以及工具栏都是不可用的.载入编辑器引擎脚本.建立工具栏,并且可用.从现在开始,编辑器的所有功能都已经完整.载入工具栏图标脚本压缩在打包任何新版本时,编辑器的JS脚本将会进行预处理.预处理步骤如下:.移除所有代码注释.移除所有无用的空白字符..将脚本合并成几个文件使用上面的方法,我们可以将脚本文件的大小压缩到原来的50%.压缩后,原始的代码仍然存在于一个名为_Source的文件夹中如何打包?编辑器已经自带了打包程序,它位于FCKEDITOR的根文件夹中_PACKAGER文件夹中,名为Fckeditor.Packager.exe,将其复制到FCKEDITOR根文件夹中并运行,即可自动将JS脚本打包并压缩需要注意的是该程序是一个.NET程序,必须安装.NET FRAMEWORK才能使用想要获取支持?如果你捐赠15000欧元,你就可以获得1年的免费技术支持(比较贵的说,相当于人民币15万,不过西欧的费用相当惊人)如何安装?1.下载最新版的FCKEDITOR2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置)3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问:http://<your-site>/FCKeditor/_samples/default.html注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示:oFckeditor.BasePath="/Components/fckeditor/";另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的如何将FCKEDITOR整合进我的页面?由于目前的版本提供的FCKEDITOR仅提供了JAVASCRIPT式的整合,因此,这里仅讲述如何应用JAVASCRIPT来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以参考_samples文件夹中的例子来完成1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如:<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>其中路径是可更改的2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器: 方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: script type="text/javascript">var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.Create() ;</script>方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记<html><head><script type="text/javascript">window.onload = function(){var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;oFCKeditor.ReplaceTextarea() ;}</script></head><body><textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea></body></html>3.现在,编辑器可以使用了FCKEDITOR类参考:下面是用来在页面中建立编辑器的FCKEDITOR类的说明构造器:FCKeditor( instanceName[, width, height, toolbarSet, value] ) instanceName:编辑器的唯一名称(相当于ID)WIDTH:宽度HEIGHT:高度toolbarSet:工具条集合的名称value:编辑器初始化内容属性:instanceName:编辑器实例名width:宽度,默认值为100%height:高度,默认值是200ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Defaultvalue:初始化编辑器的HTML代码,默认值为空BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为trueDisplayErrors:是否显示提示错误,默为true;集合:Config[Key]=value;这个集合用于更改配置中某一项的值,如oFckeditor.Config["DefaultLanguage"]="pt-br";方法:Create()建立并输出编辑器RepaceTextArea(T extAreaName)用编辑器来替换对应的文本框如何配置FCKEDITOR?FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法.修改后,在建立编辑器时,可以使用以下语法:var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ;oFCKeditor.Create() ;提醒:当你修改配置后,请清空浏览器缓存以查看效果配置选项:AutoDetectLanguage=true/false 自动检测语言BaseHref="" _fcksavedurl="""" 相对链接的基地址ContentLangDirection="ltr/rtl" 默认文字方向ContextMenu=字符串数组,右键菜单的内容CustomConfigurationsPath="" 自定义配置文件路径和名称Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容DefaultLanguage="" 缺省语言EditorAreaCss="" 编辑区的样式表文件EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTMLEnableXHTML=true/false 是否允许使用XHTML取代HTMLFillEmptyBlocks=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="" 皮肤文件夹位置----------------------------------------------。
