FCKEDITOR_API使用详解
PHP实例：FCKeditor 的配置和使用方法
〇、假设网站的目录为：以下为引用的内容：\website_root\index.php\FCKeditor一、调用FCKeditor 的两种方法1、通过创建实例来调用在index.php 文件中，调用它的代码，把下面的代码加在需要编辑器的地方：以下为引用的内容：<Form name="frm1"><?php//引用FCKeditor.php这个文件，基本的类和数据结构都在这里include_once("FCKeditor/fckeditor.php");//创建FCKeditor对象的实例。
myFCKeditor即提交后，接收数据页面_POST['myFCKeditor']使用FCKeditor=new FCKeditor('myFCKeditor');//FCKeditor所在的位置，这里它的位置就是'FCKeditor' 文件夹FCKeditor->BasePath='./FCKeditor/';//工具按钮设置FCkeditor->ToolbarSet='Default';//设置它的宽度FCKeditor->Width='100%';//设置它的高度FCKeditor->Height='300px';//生成FCkeditor->Create();?></Form>2、通过IFRAME 调用以下为引用的内容：<Form name="frm1"><INPUT name="myFCKeditor" id="myFCKeditor" style="DISPLAY: none" type=hidden><INPUT id="myFCKeditor___Config" style="DISPLAY: none" type=hidden><IFRAME id="myFCKeditor___Frame" src="FCKeditor/editor/fckeditor.html?InstanceName=myFCKeditor&Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300></IFRAME></Form>注意：name="myFCKeditor" 和IFRAME 中InstanceName=myFCKeditor 的“myFCKeditor”必须相同。
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(TextAreaName)⽤编辑器来替换对应的⽂本框如何配置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="" 浏览服务器时运⾏的URLImageBrowserWindowHeight="" 图像浏览器窗⼝⾼度ImageBrowserWindowWidth="" 图像浏览器窗⼝宽度LinkBrowser=true/false 是否允许在插⼊链接时浏览服务器LinkBrowserURL="" 插⼊链接时浏览服务器的URLLinkBrowserWindowHeight=""链接⽬标浏览器窗⼝⾼度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标记如何⾃定义样式列表呢?FCKEDITOR的样式⼯具栏中提供了预定义的样式,样式是通过XML⽂件定义的,默认的XML样式⽂件存在于FCkEditor根⽂件夹下的FckStyls.xml⽂件中这个XML⽂件的结构分析如下:<?xml version="1.0" encoding="utf-8" ?><Styles ><Style name="My Image" element="img"><Attribute name="style" value="padding: 5px" /><Attribute name="border" value="2" /></Style ><Style name="Italic" element="em" /><Style name="Title" element="span"><Attribute name="class" value="Title" /></Style ><Style name="Title H3" element="h3" /></Styles>每⼀个STYLE标记定义⼀种样式,NAME是显⽰在下拉列表中的样式名,ELEMENT属性指定此样式所适⽤的对象,因为FCKEDITOR中的样式是上下⽂敏感的,也就是说,选择不同的对象,仅会显⽰针对这类对象定义的样式拼写检查FCKEDITOR 带了两种拼写检查⼯具,⼀种是ieSpell,默认情况下使⽤这种,使⽤这种⽅式的拼写检查,要求客户下载并安装iespell这个⼩软件,另外,也提供 SpellPager的⽅式来进⾏拼写检查,不过,由于SPELLPAGER是由PHP编写的服务器端脚本,因此,要求你的WEB服务器必须⽀持PHP脚本语⾔⽅可更改拼写检查器的⽅式请参见有关配置⽂件的详细说明压缩脚本为了提供脚本载⼊的效率,FCKEDITOR采⽤以下⽅法对脚本尽量压缩以减少脚本尺⼨:1,移除掉脚本中的注释2.移除掉脚本中所有⽆意义的空⽩另外,FCKEDITOR还提供了⼀个专门⽤于压缩脚本的⼯具以便你在发布时能减⼩⽂件尺⼨,你可以将_Packager⽂件夹中的Fckeditor.Packager.exe复制到FCKEDITOR根⽂件夹来运⾏并压缩脚本本地化FCKEDITOR如果FCKEDITOR没有提供您所需要的语⾔(实际上全有了),你也可以⾃⾏制作新的语⾔,你只需要复制出EN.JS,然后在其基础上进⾏翻译.另外,语⾔名称与对应的脚本⽂件名必须遵循RFC 3066标准,但是,需要⼩写,例如:Portuguess Language对应的脚本⽂件名必须为pt.js如果需要针对某个国家的某种语系,则可以在语系缩写后加上横线及国家缩写即可在使⽤时,系统会⾃动侦测客户端语系及国别⽽运⽤适当的界⾯语⾔.当建⽴⼀种新的语⾔后,你必须在"Edit/lang/fcklanguagemanager.js"中为其建⽴⼀个条⽬,如下所⽰: FCKLanguageManager.AvailableLanguages ={en : 'English',pt : 'Portuguese'}需要提醒的是,⽂件必须保存为UTF-8格式如何与服务器端脚本进⾏交互?请查看例⼦以得到相关内容另外,在中以以下步骤使⽤1.把FCKEDITOR添中到⼯具箱2.托拽FCKEDITOR控件到页⾯3.为其指定名称4.FCKEDITOR 类的所有属性不光可以在代码中使⽤,⽽且可以作为FCKEDITOR控件的属性直接使⽤,例如,要改变⽪肤,可以在UI页⾯中指定 SkinPath="/fckeditor/editor/skins/office2003"即可,其实FCKEDITOR的版本可以做得更好,你可以找到FCKEDITOR 2.1的源⽂件,然后修改该控件的设计,为其暴露更多有⽤的属性,重新编译即可5,POSTBACK后的数据,使⽤FCKEDITOR控件的value属性获得6. 由于默认状态下,不允许提交含有HTML及JAVASCRIPT的内容,因此,你必须将使⽤FCKEDITOR的页⾯的ValidateRequest设为false.(<%@page validteRequest="false" %>即可)附：⼀、如何设置上传⽂件语⾔把FCKeditor根⽬录下⾯的fckconfig.js⽂件⾥var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php这两⾏中改成您所需要调⽤的编辑器语⾔，如⽤则改为aspx；⼆、解决中⽂的问题:在web.config中加⼊:<globalization requestEncoding="GB2312" responseEncoding="GB2312"/>这样设置后可以显⽰中⽂的⽂件，但URL地址也是中⽂的；如果服务器对中⽂地址的解析不好，可能导致图⽚⽆法浏览；所以修改：editor\filemanager\browser\default\frmresourceslist.html中的OpenFile函数，把window.top.opener.SetUrl( fileUrl ) ;修改为:window.top.opener.SetUrl( escape(fileUrl) ) ;三.设置上传的⽬录：1:在web.config中设置:<appSettings><add key="FCKeditor:UserFilesPath" value="/fck/UpLoad/" /></appSettings>2:在Session中设置:在editor\filemanager\browser\default\connectors\aspx\connector.aspx中加⼊以下代码:<script runat="server" language="C#">protected override void OnInit(EventArgs e){Session["FCKeditor:UserFilesPath"] = "/fck/UpLoad1/";}</script>如何在中动态设置上传图⽚的路径？1.在javascript中修改FCKConfig.ImageBrowserURL的值，修改⽅式如下：FCKConfig.ImageBrowserURL += "?Path=要上传的⽂件路径";如:要把⽂件上传到站点根⽬录的UploadFile⽂件夹中，则设置为：FCKConfig.ImageBrowserURL += "?Path=/UploadFile";2.在"editor\filemanager\browser\default\connectors\aspx\connector.aspx"⽂件最后中增加以下程序：<script runat="server" language="C#">protected override void OnInit(EventArgs e){if( Request.QueryString["Path"]==null ){Session["FCKeditor:UserFilesPath"] = "/UpLoadFiles/"; //设置默认值}else{Session["FCKeditor:UserFilesPath"] = Request.QueryString["Path"];}}</script>--------------------------------------------------------------------------------多环境下的配置和使⽤技巧--------------------------------------------------------------------------------在fckeditor中添加右键菜单现在⽹上介绍FCKEditor如何配置，如何精简的例⼦⾮常之多，如有需要可以google⼀下，此处不必赘述。
FCKeditor(JAVA版)配置详解
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>调试时设为true
</init-param>
<init-param>
<param-name>DeniedExtensionsFile</param-name>
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
---images(editor使用到的图片)
---js
---lang (存放用于支持多语言的js文件)
---plugins(扩展插件)
---skins(editor皮肤，2.3.1版有default、office 2003和silvers三种)
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
FCKedit的使用
/xiaoyao2011/archiv e/2011/10/27/Textarea.html富文本编辑很多地方需要用到，其中比较有名的是CKEditor，以前叫FCKEditor，虽然百度出的UEditor也比较火，但还是老牌子好用。
首先，去官网下载最新版3.6.5的。
然后删除_samples和_source文件夹，在项目根目录下新建个文件夹，名字自己估摸着起，叫ckeditor吧，然后把剩余的全部拷贝进去。
初步的配置就这样。
下面是使用方法。
首先页面中需要引用ckeditor.js这个文件，按上述路径，就是<script type="text/javascript" src="~/ckeditor/ckeditor.js"></script>然后在使用的位置如下代码所示：<textarea name="content" id="content"></textarea><script type="text/javascript">var editorContent;$(document).ready(function () {editorContent = CKEDITOR.replace("content");});</script>然后就是一些常用接口获得值：getData()设置值：setData("******")追加插入值：insertHTML("*******")上述代码中，editorContent获得了实例，就可以通过editorContent.getData()获得编辑框里的html内容了获得的值和设置的值以及插入的都是html格式的字符串（如果你用的MVC的话，因为有特殊字符默认是不允许提交的，需要在HttpPost的action 上加[AcceptVerbs(HttpVerbs.Post)]和[ValidateInput(false)]属性标记如下图：[HttpPost][AcceptVerbs(HttpVerbs.Post)][ValidateInput(false)]public ActionResult Create(string title, string content, string id){//todo}还有个就是编辑框的自定义配置，打开ckeditor文件夹下的config.js文件，如下图所示：/*Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.For licensing, see LICENSE.html or /license*/CKEDITOR.editorConfig = function( config ){// Define changes to default configuration here. For example:// nguage = 'fr';// config.uiColor = '#AADC6E';};可以自己配置一些东西，例如，要设置编辑框的宽度为500px，就添加一句config.width=500;即可，其他的自己试试还有就是toolbar的配置，有两个Full和Basic，默认是Full，可以通过上面的config.toobar="Basic";设置成简单模式。
使用FCKeditor配置的方法
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; } 3 关于文件上传的设置 修改 fckconfig.js var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | php
使用 FCKeditor 配置的方法
大家知道使用 FCKeditor 配置吗?下面我们就给大家详细介绍一下吧! 1 首先删除不必要的文件节省空间。凡是以_开头的文件如_samples， _testcases 和一些用不到的.asp、.jsp、.cfm 文件统统干掉。 2 修改 fckconfig.js FCKConfig.AutoDetectLanguage = true ;//是否自动检测语言 FCKConfig.DefaultLanguage = ‘zh-cn’ ;//设置语言 FCKConfig.SkinPath = FCKConfig.BasePath + ‘skins/default/’ = 1 ;//tab 是否有效 FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现，等点展开 工具栏”时才出现
FCKeditor使用方法详解
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简介以及基本配置和使用方法
文字编辑器FCKeditor简介以及基本配置和使用方法什么是FCKeditorFCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。
它志于轻量化，不需要太复杂的安装步骤即可使用。
它可和PHP、JavaScript、ASP、、ColdFusion、Java、以及ABAP等不同的编程语言相结合。
“FCKeditor”名称中的“FCK”是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。
FCKeditor 相容于绝大部分的网页浏览器，像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。
在未来的版本也将会加入对 Opera 的支援。
如何安装以及如何在中配置FCKeditor一、相关资料官方网站官方文档下载地址download/default.html官方演示demo/default.html二、拷贝核心文件并添加组件解压FCKeditor_2.6.4.zip文件，将fckeditor文件夹拷贝到项目中；解压_2.6.3.zip文件，将bin/Debug/2.0下的FredCK.FCKeditorV2.dll添加到项目引用中，并在.net中的工具箱中添加(具体方法不再细述)三、删除不必要的文件从官方下载下来的FCKEditor2.6大小有3.61M左右(解压后)，其实有很多文件对于只用的来讲是不需要的，我们可以删除不必要的文件：1.根目录下除editor目录、fckconfig.js、fckeditor.js fckstyles.xml fcktemplates.xml 这几个保留，其余的全部删除2.editorfilemanagerconnectors目录中除aspx目录外全部删除3.editorlang目录中除en.js、zh.js 、zh-cn.js外全部删除4.删除_samples目录，当然如果你想看示例，就不要删除这个目录了。
FCKeditor使用方法详解
FCKeditor使用方法技术详解作者：深蓝色QQ：76863715本文PHPChina论坛首发本文特为《PHP5和MySQL5 Web开发技术详解》一书编写1、概述FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。
具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。
它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。
本文将通过与PHP相结合，从基本安装到高级的配置循序渐进介绍给广大PHPer。
FCKeditor官方网站：/FCKeditor Wiki：/2、下载FCKeditor登录FCKeditor官方站（），点击网站右上角“Download”链接。
笔者编写本文时，FCKeditor当前最新的稳定版本是2.4.3，因此我们下载此版本的zip压缩格式文档。
如图1所示：图1：下载FCKeditor 2.4.3（最新稳定版）注意：当点击“FCKeditor_2.4.3.zip”链接后，将跳转到网站上自动下载。
如果您当前使用Linux或Unix系统，可以点击“FCKeditor_2.4.3.tar.gz”链接下载.tar.gz格式的压缩包。
3、安装FCKeditor解压“FCKeditor_2.4.3.zip”文档到您的网站目录下，我们先假定您存放FCKeditor和调用脚本存于同一个目录下。
目录结构如下图所示：图2：网站目录结构图fckeditor目录包含FCKeditor2.4.3程序文件。
check.php用于处理表单数据。
add_article.php 和add_article_js.html分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。
3.1、用PHP调用FCKeditor调用FCKeditor必须先载入FCKeditor类文件。
fckeditor说明书
FCKConfig.FormatSource = true/false; // 切换到代码视图时，是否自动格式化代码
FCKConfig.FormatOutput = true/false; // 当输出内容时是否自动格式化代码
license.txt
删除语言包editor\lang中除中文和英文以外的语言
删除skin目录下除默认皮肤以外的文件夹
filemanager/browser/default/connectors/目录下除php以外的文件
filemanager/upload/目录下除php以外的文件
对FckEditor的一点使用经验，及网络上的资料整理
出处 里面有更加详细！
正题：下载 FckEditor
FCKeditor目前已经更新到2.6版，详情请看官方/
因为下载下来的压缩包里面有包含很多在我们使用时，用不到的，不删除也行。看个人喜好下面以PHP为例，进行程序瘦身
删除所有”_”开头的文件和文件夹
删除FCKeditor的目录下：
fckeditor.afp
fckeditor.asp
fckeditor.cfc
fckeditor.cfm
sso
fckeditor.pl
fckeditor.py
htaccess.txt
FCKConfig.ShiftEnterMode = 'br'; // 编辑器中Shift+回车，在代码中生成，可选为p | div | br
FCKConfig.ContextMenu = 字符串数组; // 右键菜单的内容
FCK的使用
呵呵，相信FCK大家都不陌生，但是对于新手来说可能比较陌生了！下面就让偶带领新人，畅游FCK！下边介绍一下FCKeditor2.6.3在PHP程序中的安装配置方法，首先到FCKeditor官方网站上下载FCKeditor的最新版本FCKeditor2.6.3多国语言版下载完成了之后解压到网站的根目录就算是安装了吧：一、使用实例首先就是观看_samples里的例子，查找自己最想要的样式！然后直接复制文件到到自己想要的位置重命名即可：下面以fckeditor/_samples/phpsample01.php为例1、将修改成正确的路径include("../../fckeditor.php") ;我的是include("./fckeditor/fckeditor.php")；2、把$oFCKeditor->BasePath = $sBasePath ;改为$oFCKeditor->BasePath ='/fckeditor/' ;fckeditor为你FCKeditor所在位置然后删除或者注视$sBasePath = $_SERVER['PHP_SELF'] ;$sBasePath = substr( $sBasePath, 0, strpos( $sBasePath, "_samples" ) ) ; 其实这时候你的编辑器已经可以浏览了！3、拷贝压缩包里的fckeditor/_samples/sampleposteddata.php$postedValue就是编辑器了值，直接付给变量，插入数据即可二、启用中文语言包；用Editplus打开FCKeditor目录下的fckconfig.js，修改第62行FCKConfig.DefaultLanguage = ‘en’ ;将en改为zh-cn，即FCKConfig.DefaultLanguage = ‘zh-cn’ ;启用中文包；注：在FCKeditor2.6.3中，默认的支持的语言即为PHP，所以不用修改第276，277行。
JAVA环境下HTML编辑器FCKeditor使用详解
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的根目录。
fck编辑器使用说明-财哥
fckeditorphp配置:fckeditor配置详解(php)疯狂代码 / ĵ:http://Php/Article52377.html 前言: FCKeidtor是个国外多语言编辑器你可以对其配置文件进行简单修改使的支持目前常用Web开发语言应用下面我就讲讲FCKeditor最新版本2.4.2在php具体配置过程有不足和出错地方欢迎指正 精简: 正这个编辑器是支持多语言所以首先我们针对使用对其做相应冗余文件删除 1、临时文件及文件夹删除:从根目录下开始删除切以“_”开头文件及文件夹他们为临时文件和文件夹删除这类临时文件及文件夹的后我们还要删除些根目录下多余文件根目录下我们只保留fckconfig.js(配置文件)、fckeditor.js(js方式文件)、fckeditor.php(php方式文件新版本通过该文件统php4或者php5文件fckeditor_php4.php/fckeditor_php5.php你可以根据自己服务器使用情况删减建议都保留)、fckeditor_php4.php(php4文件)、fckeditor_php5.php(php5文件)、fckstyles.xml(样式)、fcktemplates.xml(模板)文件和editor文件夹 2、editorlang目录:存放是多语言配置文件我们只可能用到en和zh-cn(简体中文)所以根据我选择我删掉其他语言配置文件 3、editorskins界面目录:默认带有 3个界面(default:默认界面加载速度相对较快；office2003:相对pp界面不过速度确实要慢些；silver:银白色界面加载速度也相对较快)可以自行决定是否删除其中两个 4、editorfilemanagerbrowserdefaultconnectors目录:存放编辑器所支持Web动态语言我们以php为例所以保留php目录test.html文件可以帮助你查看某语言下上传设置等(具体上传设置我将在后面配置作较为详细讲解)可以自行决定是否删除 5、editorfilemanagerupload目录:同理 到此精简完成你会发现整个编辑器确实“瘦身”不少呵呵 基本配置: 下面我开始对编辑器进行简单配置(并非每步都必须可根据自己需要参考修改): 1、默认语言 打开fckconfig.js文件(注意此文件是utf-8编码哦)找到FCKConfig.AutoDetectLanguage = true ;(第56行)此句作用为自动检测语言默认为true即表示编辑器会根据系统语言自动检测加载相应语言我们将其改为false不让其检测然后将FCKConfig.DefaultLanguage = 'en';(编辑器默认语言第57行)改为简体中文"zh-cn" 2、字体列表 依然打开fckconfig.js此编辑器为外国人编写所以默认不提供中文字体我们为其加入找到FCKConfig.FontNames(第142行)加入“宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;”其他字体可根据自己需要自行加入 3、文件上传 FCKeditor文件管理在editor/filemanager/文件夹下分为浏览(browser)和上传(upload)两种“浏览”是指浏览服务器已存在文件并可以选择也可以上传本地文件至服务器；上传是指快速上传在窗口中点“上传”选项选择本地文件后上传就行但是不能查看服务器上已有上传文件相对而言不太方便只是操作更为快捷也就是说FCKeditor中有个文件浏览有两个文件上传而这些设置是分散在多个文件中配置相对复杂下面我大致讲下: 在FCKeditor中共有 3个文件跟上传功能有关个是js文件两个是php文件前者关闭后界面中不出现相关窗口或按钮后者关闭后相关功能不可用 js文件即是指fckconfig.js文件在以前旧版本fckconfig.js中首先你必需开启如下几项: 浏览上传功能: FCKConfig.LinkBrowser = true ; //文件 FCKConfig.ImageBrowser = true ; //图片 FCKConfig.FlashBrowser = true ; //Flash 快速上传功能: FCKConfig.LinkUpload = true ; //同上 FCKConfig.ImageUpload = true ; //同上 FCKConfig.FlashUpload = true ; //同上 即把这几项设为true而我们今天使用2.4.2fckconfig.js中默认已经是开启上传开关显示功能所以如果你要将该编辑器作为前台使用(fckeditor上传漏洞问题直没有得到较好改善)考虑到安全性你可能需要关闭文件上传功能那么你只需要将这几项设置为false即可(当然两个php文件你也不要开启上传功能哦) 如果你要使用文件上传功能那么我们继续配置: 依然在fckconfig.js文件中fckeditor对语言默认支持是asp找到以下两句进行相应修改: var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py(第182行) var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php(第183行) 我们将其均改为'php': var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py(第182行) var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php 在2.4.2版本中我们发现增加了对更多文件后缀名支持这个应该是为了解决上传漏洞所作些许改动不过作用不大呵呵 *.AllowedExtensions:(其中*号代表:FCKConfig.LinkUpload、FCKConfig.ImageUpload等)表示允许上传文件后缀名为空表示允许所有文件你可根据自己需要设置上传文件后缀名定程度增加安全性设置格式可以参考它已有后缀名设置 *.DeniedExtensions:同上表示禁止上传文件后缀名 注:你设置了允许上传当然禁止也就不必要设置了本人推荐设置允许毕竟禁止后缀名列表不能罗列完全可能还有很多我们不曾想到后缀名 对js文件配置到此已经完成下面我们进行两个php文件在上传方面设置: 文件浏览上传修改: 打开editorfilemanagerbrowserdefaultconnectorsphpconfig.php文件找到: $Config['Enabled'] = false ;(第28行)将false改为true即允许上传 $Config['UserFilesPath'] = '/userfiles/' ;(第32行)为定义上传目录可根据自己情况进行修改我将其改为upload目录 注:注意FCKeditor是不支持虚拟目录你所有路径都是针对网站WebSite根目录绝对路径 文件快速上传修改: 打开文件editorfilemanageruploadphpconfig.php文件找到 $Config['Enabled'] = false ;(第28行)将false改为true $Config['UserFilesPath'] = '/UserFiles/' ;(第35行)同“文件浏览上传”上传目录 $Config['UseFileType'] = false ; (第32行)改为true不然上传文件不会放在上传目录中 在该文件中还有项: $Config['UserFilesAbsolutePath'] = '' ;(第41行) 这项作用是设定上传绝对路径比如你想指定上传文件到D:/Web/upload/下你可以指定它值为你绝对路径注意如果你指定了该值那你也要对$Config['UserFilesPath'] = '/UserFiles/' ;作相同设置 到此上传基本配置已经完成整个编辑器最基本配置也已经结束了你可以通过下列代码对其进行测试了:<?php("/fckeditor/fckeditor.php"); // 包含fckeditor类fckeditor目录放在网站WebSite根目录下 $BasePath = "/fckeditor/"; // 编辑器路径$oFCKeditor = FCKeditor('jayliao'); // 创建个fckeditor对象表单名称为jayliao$oFCKeditor->BasePath = $BasePath;$oFCKeditor->Value = 'test'; // 设置表单值// 还可设置以下部分(“=”包含部分)并非必须:////$oFCKeditor->Width = '100%'; // 编辑器宽度类中有默认值如果不想修改可不管此项 $oFCKeditor->Height= '300'; // 同width此处为高$oFCKeditor->ToolbarSet $oFCKeditor->ToolbarSet = 'JayLiao'; // 默认编辑器工具栏有Basic(基本工具)和Default(所有工具)两种选择JayLiao为本人自定义工具条如有需要可参考后文中介绍说明新建或修改工具条$oFCKeditor->Config['SkinPath'] = '/fckeditor/editor/skins/office2003/'; // 设置编辑器皮肤////$oFCKeditor->Create; // 类中思路方法必须?> 赶紧测试下吧是不是很激动终于可以看到这个强大编辑器了呵呵不过马上你会发现在上传以中文命名文件时会出现乱码这到底是如何回事呢？呵呵不怕下面我们就对其进行简单修改问题很快就解决: 我们为上传文件以时间+随机数作为其新名字打开:editorfilemanageruploadphpupload.php找到:<?php$sFileName = $oFile['name'] ;?> 替换为:<?php$sFileName = $oFile['name'] ;$sOriginalFileName = $sFileName ;$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;$sExtension = strtolower( $sExtension ) ;$sFileName = date("YmdHis").rand(100, 200).".".$sExtension;?> 哈哈你会发现“快速上传”乱码已经解决就这么简单高兴的余不要忘了同样还需要修改“浏览”上传修改文件:editorfilemanagerbrowserdefaultconnectorsphpcommands.php修改内容同上 另:你上传中文文件不做以上命名修改可能在服务器上并非乱码如果你只是为了在浏览时候让编辑器正确显示该类文件名那你可以作如下修改打开:editorfilemanagerbrowserdefaultconnectorsphputil.php修改ConvertToXmlAttribute将: utf8_encode( htmlspecialchars( $value ) ) ; 修改为: iconv( "GBK", "UTF-8", htmlspecialchars($value) ) ; //需要php iconv模块支持 这样你编辑器应该已经能正确显示中文名不过强烈建议你修改上传文件命名中文名可能存在诸多不便 当完成以上设置后fckeditor已经能满足我们日常使用需要不过我们却又发现个问题那就是上传后文件我们却无法删除这样会使网站WebSite上垃圾文件(主要是图片)日益增多那我们是否能够通过对编辑器修改能较为方便管理删除无用上传文件呢？我们不难想到fckeditor浏览文件功能对该功能进行适当扩展对日常所上传文件进行管理就变得相当简单易行了那我们赶紧动手吧: 增加该功能我们修改页面为:fckeditoreditorfilemanagerbrowserdefaultfrmresourceslist.html 第步在页面body区域增加如下代码: <div id="showFile" style="float:left; display:none; background-color:#999999"></div> <rame id="rame_del" name="rame_del" width="0" height="0" scrolling="no"></rame> <div id="body_content"></div> 介绍说明:第对<div></div>作用是当我们把鼠标移动到所上传文件上时显示其相关信息；<rame></rame>标签作用是供我们删除上传文件时做动作响应窗口即是将我们删除动作在rame中运行目是实现伪无刷新删除效果；最后对<div></div>作用是显示上传文件及文件夹列表(2.4较以前版本对<body></body>标签中内容作了调整老版该页面以<table></table>作为存放列表容器而新版直接将显示容器在js中生成为了使文件显示div和rame两组标签正常使用故在body标签中加入对<div></div>标签使的能正常使用在我尝试中倘若不这样修改似乎有错当然不排除我思路方法不当原因呵呵) 第 2步在文件js代码区中加入:// add by jayliaoscu @ 2007-04-23 /*{{{{*/// 显示文件显示层function showDiv( fileUrl ){var name = fileUrl;//获取文件类型var suffix = name.sub(stIndexOf(".")+1);var div= document.getElementById("showFile");div.content = "";div.style.position = "absolute";div.content "<table width='256' border='0' cellpadding='3' cellspacing='1'bgcolor='#737357'><tbody><tr><td height='23' align='left' bgcolor='#C7C78F'><tablewidth='100%' height='100%' border='0' cellpadding='0' cellspacing='0'><tbody><tr><tdwidth='47%'> <a' _disibledevent= true/false; // 是否允许编辑整个HTML文件还是仅允许编辑BODY间内容2009-1-12 1:42:38疯狂代码 /。
在线编辑器FCKeditor的应用
9.浏览
• http://localhost:8080/FCKeditor/test.jsp • ok!
继续完善
• 将web.xml文件中名为SimpleUploader的Servlet 的enabled参数值改为true， 以允许上传功能 • 上传遇到错误: internal server error 500, • 直接引用 servlet(com.fredck.FCKeditor.connector.Connect orServlet)也遇到错误: "Provider org.apache.xalan.processor.TransformerFactory Impl not found",
8.测试页面Test.jsp
• <%@ page contentType = "text/html;charset=gbk" language = "java" %> • <%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %> • <html> • <head> • <title> Test </title> • </head> • <body> • <FORM action = "test1.jsp" method="post"> • <fck:editor id = "content" basePath = "/FCKeditor/" • height = "100%" • skinPath = "/FCKeditor/editor/skins/office2003/" • toolbarSet = "Default"> • </fck:editor> • <input type="submit" value="Submit"> • </FORM > • </body > • </html >
FCKeditor使用详解
FCKeditor介绍FCKeditor是一个功能强大支持所见即所得功能的文本编辑器，可以为用户提供微软office软件一样的在线文档编辑服务。
它不需要安装任何形式的客户端，兼容绝大多数主流浏览器，支持、ASP、ColdFusion 、PHP、Java、Active-FoxPro、Lasso、Perl、ython 等编程环境。
官方网站/官方文档/下载地址/download/default.html其实不同版本的FCKeditor配置过程基本类似，这里拿最新的2.63作为实例进行介绍。
FCKeditor安装和配置到，下载FCKeditor2.63.zip和2.63版的2个zip包(a) FCKeditor_2.6.3是其最新的Javascript文件和图片等；(b) _2.6.3.zip是一个控件DLL文件。
将a解压缩，得到FCKeditor的核心文件，将其拷贝到web项目的根目录下（建议，当然你可以任意放）。
然后解压b,得到.NET支持的源码，进入，bin 下的Release中存在FCKeditor的DLL（这里也有debug文件夹，建议使用release），我们需要在项目中添加对其引用即可。
1.工程浏览器上右键，选择添加引用（Add Reference…），找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。
这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll 文件。
2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱（Toolbox）上来，展开工具箱的常用标签组（General），右键选择组件（Choose Items…），在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。
3.配置WebConfig，在<appSettings>节点添加，如下所示：<appSettings><add key="FCKeditor:BasePath"value="/Web/fckeditor/"/><add key="FCKeditor:UserFilesPath"value="/Web/Upload/"/></appSettings>说明："/Web/"是项目名称。
FCKeditor使用方法
Sometimes, inexplicably bad mood, I don't want to talk to anyone, I just want to be alone in a daze.（页眉可删）FCKeditor使用方法FCKeditor的使用方法是怎么样的?FCKeditor是目前最优秀的可见即可得网页编辑器之一，下面我们就来介绍一下哦!1.FCKeditor的官方的是：/download目前最新的FCKeditor 2.4.2版本。
请在此页下载：/project/showfiles.php?group_id=75348 如图所示：要下载FCKeditor2.4.2.zip和 版的2个zip包。
说明：FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么的;.zip是调用的DLL在里面。
2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到中。
3.解压.zip包后在_2.2inDebug目录里找到FredCK.FCKeditorV2.dll。
其他文件没用，把FredCK.FCKeditorV2.dll复制到我们的，建立一个Bin目录。
4.引用FredCK.FCKeditorV2.dll。
第一步：第二步：5.导入工具箱。
在“工具箱”下右键点击“选择项”。
弹出如图窗口：点击浏览,找到dll所在目录。
这时发现工具箱里多出FCKeditor控件。
6.拖拽FCKeditor到页面上7.配置WebConfig说明：BasePath是fckeditor所在路径，fckeditor由于我们直接放目录下这样写就可以，如果您的多放几层适当调整即可。
UserFilesPath是所有上传的.文件的所在目录。
为什么要设置成/Files这样而不是~/Files，因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端。
否则的话客户访问的时候就会取客户的机器目录而不是http形式的目录。
ckeditor api 使用 方法
ckeditor api 使用方法下载温馨提示：该文档是我店铺精心编制而成，希望大家下载以后，能够帮助大家解决实际的问题。
文档下载后可定制随意修改，请根据实际需要进行相应的调整和使用，谢谢!并且，本店铺为大家提供各种各样类型的实用资料，如教育随笔、日记赏析、句子摘抄、古诗大全、经典美文、话题作文、工作总结、词语解析、文案摘录、其他资料等等，如想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by the editor. I hope that after you download them, they can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!In addition, our shop provides you with various types of practical materials, such as educational essays, diary appreciation, sentence excerpts, ancient poems, classic articles, topic composition, work summary, word parsing, copy excerpts, other materials and so on, want to know different data formats and writing methods, please pay attention!在当今互联网时代，网站设计与开发变得越来越重要。
FCKeditor使用文档
FCKediter文档By Rory Wei*本文档介绍FCKEditor2.6.6 For Jsp With FCKEditor-java-2.6一、简介✓功能：支持图片和Flash，工具栏可自由配置，使用简单✓兼容性：IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、Camino 1.0+ ✓成熟度：使用广泛，被Baidu、CSDN等选用二、下载官方下载首页：/download/，当前版本为FCKeditor_2.6.6.zip 。
需要下载FCKeditor_2.6.6.zip，fckeditor-java-2.6-bin.zip和fckeditor-java-2.6-src.zip。
进入/dist/ ，找到slf4j-1.5.8.zip，下载。
三、基本配置与优化✓解压FCKeditor_2.6.6.zip，会得到一个文件夹fckeditor，全部拷贝到工程的根目录下，只保留fckconfig.js，fckeditor.js，fckstyles.xml，fcktempletes.xml和fckeditor文件夹，删除所有以“_”开头的文件和文件夹（这是测试或demo或是temp文件，无用）。
✓解压fckeditor-java-2.6.6-bin.zip，拷贝fckeditor-java- core-2.6.jar和lib下的所有xxx.jar到，你的项目/web-inf/lib下。
解压slf4j-1.5.8.zip，拷贝slf4j-jdk14-1.5.8.jar到，你的项目/web-inf/lib下。
四、配置web.xml五、创建fckeditor.properties文件在src下(编译之后处于classes目录中)，加入erActionImpl = erActionImpl注：default.properties可以在fckeditor-java-core-2.5.jar的net\fckeditor \handlers\找到。
FckeditorAPI的使用
Fckeditor编辑器提供了一套API(Application Programming Interface,应用程序编程接口)供我们在不了解Fckeditor内部机制的情况下使用它的大部分功能。
这里一一列举一些比较有用的、将来可能会用到的方法。
首先，在加载了Fck的dll引用，以及页面上添加了fckeditor。
Js后，然后添加如下语句，就可以使用它的API方法了。
var oEditor = FCKeditorAPI.GetInstance("FCKeditor1");//此处FCKeditor1为页面注册的Fck控件的ID,这个时候的oEditor就是一个//fck对象,通过这个对象我们就可以调用fck的一些方法来实现我们的功能.oEditor.Focus(); //使焦点集中在fck上,添加这一句是为了保证向FCKeditor1 //中添加的位置正确(提示:如果过程中有弹出窗口,将会丢失在fck窗口内的位置) 下面列举一些具体的用法：1）mands.GetCommand(commandName).Execute();//此处的commandName为工具栏的标签,如” InterceptPic”(截图),//”Image”(图片)等,详见程序内文件夹fckeditor-> editor-> _source->//internals-> fckcommands.js这个用法是在页面上调用该页面内的fck编辑器工具栏上的功能,如上传图片到fck,如启动截图等。
由于这个方法是向fck窗口中添加内容，所以一般会在之前加上oEditor.Focus()方法。
2）oEditor.InsertHtml（”content”）这个方法是向fck窗口的鼠标位置插入我们想要添加的内容.它添加的是html,然后会展现出它能识别的html控件.如oEditor.InsertHtml(“<span style=’color:red’>测试插入内容</span>”);这时它会在fck窗口中添加红色的”测试插入内容”两字,而在源代码中则可以看到“<span style=’color:red’>测试</span>”使用此方法前最好先oEditor.Focus()方法。
FCKeditor使用详解JAVA版（二）
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文件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
FCKeditor API使用详解2009-04-2614:46利用Javascript取和设FCKeditor值也是非常容易的，如下：//获取编辑器中HTML内容function getEditorHTMLContents(EditorName){var oEditor=FCKeditorAPI.GetInstance(EditorName);return(oEditor.GetXHTML(true));}//获取编辑器中文字内容function getEditorTextContents(EditorName){var oEditor=FCKeditorAPI.GetInstance(EditorName);return(oEditor.EditorDocument.body.innerText);}//设置编辑器中内容function SetEditorContents(EditorName,ContentStr){var oEditor=FCKeditorAPI.GetInstance(EditorName);oEditor.SetHTML(ContentStr);}FCKeditorAPI是FCKeditor加载后注册的一个全局对象，利用它我们就可以完成对编辑器的各种操作。
在当前页获得FCK编辑器实例：var Editor=FCKeditorAPI.GetInstance('InstanceName');从FCK编辑器的弹出窗口中获得FCK编辑器实例：var Editor=window.parent.InnerDialogLoaded().FCK;从框架页面的子框架中获得其它子框架的FCK编辑器实例：var Editor=window.FrameName.FCKeditorAPI.GetInstance('InstanceName');从页面弹出窗口中获得父窗口的FCK编辑器实例：var Editor=opener.FCKeditorAPI.GetInstance('InstanceName');获得FCK编辑器的内容：oEditor.GetXHTML(formatted);//formatted为：true|false，表示是否按HTML格式取出也可用：oEditor.GetXHTML();设置FCK编辑器的内容：oEditor.SetHTML("content",false);//第二个参数为：true|false，是否以所见即所得方式设置其内容。
此方法常用于"设置初始值"或"表单重置"哦作。
插入内容到FCK编辑器：oEditor.InsertHtml("html");//"html"为HTML文本检查FCK编辑器内容是否发生变化：oEditor.IsDirty();在FCK编辑器之外调用FCK编辑器工具条命令：命令列表如下：DocProps,Templates,Link,Unlink,Anchor,BulletedList,NumberedList, About,Find,Replace,Image,Flash,SpecialChar,Smiley,Table,TableProp, TableCellProp,UniversalKey,Style,FontName,FontSize,FontFormat, Source,Preview,Save,NewPage,PageBreak,TextColor,BGColor,PasteText, PasteWord,TableInsertRow,TableDeleteRows,TableInsertColumn, TableDeleteColumns,TableInsertCell,TableDeleteCells,TableMergeCells, TableSplitCell,TableDelete,Form,Checkbox,Radio,TextField,Textarea, HiddenField,Button,Select,ImageButton,SpellCheck,FitWindow,Undo, Redo使用方法如下：mands.GetCommand('FitWindow').Execute();=FCKConfig.BasePath+'plugins/'//FCKConfig.Plugins.Add('placeholder','en,it');去掉//后，就相当于把placeholder这个插件功能加上了，fckeditor的插件文件都在/editor/plugins/文件夹下分类按文件夹放置的，对于fckeditor2.0来说，里面有两个文件夹，也就是有两个官方插件，placeholder这个文件夹就是我们刚才加上去的，主要用于多参数或单参数自定义标签的匹配，这个在制作编辑模板时非常管用，要想看具体实例的话，大家可以去下载acms这个系统查看学习，另一个文件夹tablecommands就是编辑器里的表格编辑用到的了。
当然，如果你想制作自己其它用途的插件，那就只要按照fckeidtor插件的制作规则制作完放置在/editor/plugins/下就行，然后再在fckeidtor.js里再添加FCKConfig.Plugins.Add('Plugin Name',',lang,lang');就可以了。
第二部分，如何让编辑器一打开的时候，编辑工具条不出现，等点“展开工具栏”时才出现？Easy，FCKeditor本身提供了这个功能啦，打开fckconfig.js，找到FCKConfig.ToolbarStartExpanded=true;改成FCKConfig.ToolbarStartExpanded=false;就可以啦！第三部分，使用自己的表情图标，同样打开fckcofnig.js到最底部那一段FCKConfig.SmileyPath=FCKConfig.BasePath+'images/smiley/msn/'; FCKConfig.SmileyImages=['regular_smile.gif','sad_smile.gif','wink_smile.gif'];FCKConfig.SmileyColumns=8;FCKConfig.SmileyWindowWidth=320;FCKConfig.SmileyWindowHeight=240;上面这段已经是我修改过的了，为了我发表此文的版面不会被撑得太开，我把FCKConfig.SmileyImages那一行改得只有三个表情图了。
第一行，当然是表情图标路径的设置，第二行是相关表情图标文件名的一个List，第三行是指弹出的表情添加窗口最每行的表情数，下面两个参数是弹出的模态窗口的宽和高喽。
第四部分，文件上传管理部分此部分可能是大家最为关心的，上一篇文章简单的讲了如何修改来上传文件以及使用fckeidtor2.0才提供的快速上传功能。
再我们继续再深层次的讲解上传功能FCKConfig.LinkBrowser=true;FCKConfig.ImageBrowser=true;FCKConfig.FlashBrowser=true;在fckconfig.js找到这三句，这三句不是连着的哦，只是我把他们集中到这儿来了，设置为true的意思就是允许使用fckeditor来浏览服务器端的文件图像以及flash等，这个功能是你插入图片时弹出的窗口上那个“浏览服务器”按钮可以体现出来，如果你的编辑器只用来自己用或是只在后台管理用，这个功能无疑很好用，因为他让你很直观地对服务器的文件进行上传操作。
但是如果你的系统要面向前台用户或是像blog这样的系统要用的话，这个安全隐患可就大了哦。
于是我们把其一律设置为false;如下FCKConfig.LinkBrowser=false;FCKConfig.ImageBrowser=false;FCKConfig.FlashBrowser=false;这样一来，我们就只有快速上传可用了啊，好！接下来就来修改，同样以asp 为范例进行，进入/editor/filemanager/upload/asp/打开config.asp，修改ConfigUserFilesPath="/UserFiles/"这个设置是上传文件的总目录，我这里就不动了，你想改自己改了好，再打开此目录下的upload.asp文件，找到下面这一段Dim resourceTypeIf(Request.QueryString("Type")<>"")ThenresourceType=Request.QueryString("Type")ElseresourceType="File"End If然后再在其后面添加ConfigUserFilesPath=ConfigUserFilesPath&resourceType&"/"&Year(Date())&"/"&Month(Date())&"/"这样的话，上传的文件就进入“/userfiles/文件类型（如image或file或flash)/年/月/”这样的文件夹下了，这个设置对单用户来用已经足够了，如果你想给多用户系统用，那就这样来改ConfigUserFilesPath=ConfigUserFilesPath&Session("username")& resourceType&"/"&Year(Date())&"/"&Month(Date())&"/"这样上传的文件就进入“/userfiles/用户目录/文件类型/年/月/”下了，当然如果你不想这么安排也可以修改成别的，比如说用户目录再深一层等，这里的Session("username")请根据自己的需要进行修改或换掉。
上传的目录设置完了，但是上传程序还不会自己创建这些文件夹，如果不存在的话，上传不会成功的，那么我们就得根据上面的上传路径的要求进行递归来生成目录了。