（精选）FckEditor中文配置手册详细说明

1、对FckEditor的一点使用经验，及网络上的资料整理正题：下载 FckEditor FCKeditor目前已经更新到2.6版，详情请看官方/因为下载下来的压缩包里面有包含很多在我们使用时，用不到的，不删除也行。看个人喜好下面以PHP为例，进行程序瘦身 删除所有”_”开头的文件和文件夹 W4EIu2f*O T1h n l Ql0删除FCKeditor的目录下： K F C/r-0fckeditor.afp /us/W,R:c8Cb l+LZLB0fckeditor.asp PHPChina 开源社区门户QNj2oQi/q4B#dh$,sfckedi

2、tor.cfc (v#f%CF7z#j y80fckeditor.cfm PHPChina 开源社区门户tuGU+yfckeditor.lasso PHPChina 开源社区门户)(J3XH,A L6arfckeditor.pl PHPChina 开源社区门户G)_S0q!a9g Sfckeditor.py PHPChina 开源社区门户yN4_t6k oq 1Whtaccess.txt u-_X1Y1t0license.txt 6u;r;G3n3U)y1mM0删除语言包editorlang中除中文和英文以外的语言 I%RZiD3K0删除skin目录下除默认皮肤以外的文件夹 Vch$uK0fi

3、lemanager/browser/default/connectors/目录下除php以外的文件 PHPChina 开源社区门户f2_mY3Rvfilemanager/upload/目录下除php以外的文件 PHPChina 开源社区门户(Z*F%yq)w,Z!v*z如果你不想要表情包 删除 editorimagessmiley下的msn文件夹及表情按钮 m6YuJ:_gE0好了 精简完毕 我们通常把编辑器用以个文件夹存放、通常情况下 我们可以明白为fckeditor或editor找到里面两关键文件 fckeditor_php4.php fckeditor_php5.php 这两个文件的代码

4、相差不了多少，很显然跟php版本有关打开这两个文件XML/HTML代码1. functionFCKeditor($instanceName) 2. 3. $this-InstanceName=$instanceName; 4. $this-BasePath=./editor/;默认编辑器所在的文件位置 5. $this-Width=100%; 默认编辑器宽 6. $this-Height=350; 默认编辑器高 7. $this-ToolbarSet=Default;默认编辑器SKIN 8. $this-Value=; 初始值 9.10. $this-Config=array(); 11. F

5、CKeditor设置文件 fckconfig.jsXML/HTML代码1. FCKConfig.CustomConfigurationsPath=;/自定义配置文件路径和名称 2. FCKConfigFCKConfig.EditorAreaCSS=FCKConfig.BasePath+css/fck_editorarea.css;/编辑区的样式表文件 3. FCKConfig.EditorAreaStyles=;/编辑区的样式表风格 4. FCKConfig.ToolbarComboPreviewCSS=;/工具栏预览CSS 5. FCKConfig.DocType=;/文档类型 6. FCK

6、Config.BaseHref=;/相对链接的基地址 7. FCKConfig.FullPage=false;/是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容 8. FCKConfig.StartupShowBlocks=false;/决定是否启用显示模块 9. FCKConfig.Debug=false;/是否开启调试功能 10. FCKConfigFCKConfig.SkinPath=FCKConfig.BasePath+skins/default/;/皮肤路径 11. FCKConfig.PreloadImages=./预装入的图片 12. FCKConfigFCKConf

7、ig.PluginsPath=FCKConfig.BasePath+plugins/;/插件路径 13. FCKConfig.AutoDetectLanguage=true;/是否自动检测语言 14. FCKConfig.DefaultLanguage=zh-cn;/默认语言 15. FCKConfig.ContentLangDirection=ltr;/默认的文字方向,可选ltr/rtl,即从左到右或从右到左 16. FCKConfig.ProcessHTMLEntities=true;/处理HTML实体 17. FCKConfig.IncludeLatinEntities=true;/包括

8、拉丁文 18. FCKConfig.IncludeGreekEntities=true;/包括希腊文 19. FCKConfig.ProcessNumericEntities=false;/处理数字实体 20. FCKConfig.AdditionalNumericEntities=;/附加的数字实体 21. FCKConfig.FillEmptyBlocks=true;/是否填充空块 22. FCKConfig.FormatSource=true;/在切换到代码视图时是否自动格式化代码 23. FCKConfig.FormatOutput=true;/当输出内容时是否自动格式化代码 24.

9、FCKConfig.FormatIndentator=;/当在源码格式下缩进代码使用的字符 25. FCKConfig.StartupFocus=false;/开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上 26. FCKConfig.ForcePasteAsPlainText=false;/是否强制粘贴为纯文件内容 27. FCKConfig.AutoDetectPasteFromWord=true;/是否自动探测从word粘贴文件,仅支持IE 28. FCKConfig.ShowDropDialog=true;/是否显示下拉菜单 29. FCKConfig.Forc

10、eSimpleAmpersand=false;/是否不把&符号转换为XML实体 30. FCKConfig.TabSpaces=0;/按下Tab键时光标跳格数,默认值为零为不跳格 31. FCKConfig.ShowBorders=true;/合并边框 32. FCKConfig.SourcePopup=false;/弹出 33. FCKConfig.ToolbarStartExpanded=true;/启动fckeditor工具栏默认是否展开 34. FCKConfig.ToolbarCanCollapse=true;/是否允许折叠或展开工具栏 35. FCKConfig.IgnoreEmp

11、tyParagraphValue=true;/是否忽略空的段落值 36. FCKConfig.FloatingPanelsZIndex=10000;/浮动面板索引 37. FCKConfig.HtmlEncodeOutput=false;/是否将HTML编码输出 38. FCKConfig.TemplateReplaceAll=true;/是否替换所有模板 39. FCKConfig.ToolbarLocation=In;/工具栏位置, 40. FCKConfig.CustomConfigurationsPath=;/自定义配置文件路径和名称 41. FCKConfigFCKConfig.Ed

12、itorAreaCSS=FCKConfig.BasePath+css/fck_editorarea.css;/编辑区的样式表文件 42. FCKConfig.BaseHref=;/相对链接的基地址 43. FCKConfig.Debug=true/false;/是否开启调试功能，当调用FCKDebug.Output()时，会在调试窗中输出内容 44. FCKConfigFCKConfig.SkinPath=FCKConfig.BasePath+skins/default/;/设置皮肤 45. FCKConfig.AutoDetectLanguage=true/false;/是否自动检测语言 4

13、6. FCKConfig.DefaultLanguage=zh-cn;/设置默认语言 47. FCKConfig.ContentLangDirection=ltr/rtr;/默认文字方向，ltr左，rtr右 48. FCKConfig.FillEmptyBlocks=true/false;/使用这个功能，可以将空的块级元素用空格来替代 49. FCKConfig.FormatSource=true/false;/切换到代码视图时，是否自动格式化代码 50. FCKConfig.FormatOutput=true/false;/当输出内容时是否自动格式化代码 51. FCKConfig.Form

14、atIndentator=;/当在“源码格式”下缩进代码使用的字符 52. FCKConfig.GeckoUseSPAN=true/false;/是否允许SPAN标记代替B，I，U标记 53. FCKConfig.StartupFocus=true/false;/开启时是否FOCUS到编辑器 54. FCKConfig.ForcePasteAsPlainText=true/false;/强制粘贴为纯文本 55. FCKConfig.ForceSimpleAmpersand=true/false;/是否不把&符号转换为XML实体 56. FCKConfig.TabSpaces=0/1;/TAB是

15、否有效 57. FCKConfig.TabSpaces=4;/TAB键产生的空格字符数 58. FCKConfig.ShowBorders=true/false;/是否合并边框 59. FCKConfig.ToolbarStartExpanded=true/false;/页面载入时，工具栏是否展开，点“展开工具栏”时才出现 60. FCKConfig.ToolBarCanCollapse=true/false;/是否允许展开折叠工具栏 61. FCKConfig.ToolbarSets=object;/编辑器的工具栏，可以自行定义，删减，可参考已存在工具栏 62. FCKConfig.Ente

16、rMode=p;/编辑器中直接回车，在代码中生成，可选为p|div|br 63. FCKConfig.ShiftEnterMode=br;/编辑器中Shift+回车，在代码中生成，可选为p|div|br 64. FCKConfig.ContextMenu=字符串数组;/右键菜单的内容 65. FCKConfig.FontColors=;/文字颜色列表 66. FCKConfig.FontNames=;/字体列表 67. FCKConfig.FontSizes=;/字号列表 68. FCKConfig.FontFormats=;/文字格式列表 69. FCKConfig.StylesXmlPat

17、h=;/CSS样式列表的XML文件的位置 70. FCKConfig.TemplatesXmlPath=;/模版的XML文件位置 71. FCKConfig.SpellChecker=ieSpell/Spellerpages;/拼写检查器 72. FCKConfig.IeSpellDownloadUrl=;/下载拼写检查器的网址 73. FCKConfigFCKConfig.SmileyPath=FCKConfig.BasePath+images/smiley/msn/;/表情文件存放路径 74. FCKConfig.SmileyImages=;/表情文件名称列表，具体参考默认设置 75. F

18、CKConfig.SmileyColumns=8;/表情窗口显示表情列数 76. FCKConfig.SmileyWindowWidth=320;/表情窗口显示宽度，此窗口会因为表情文件的改变而作调整 77. FCKConfig.SmileyWindowHeight=240;/表情窗口显示高度，此窗口会因为表情文件的改变而作调整 78. FCKConfig.FullPage=true/false;/是否允许编辑整个HTML文件，还是仅允许编辑BODY间的内容 79. 80. 81. 上传设置 82. 83. var_FileBrowserLanguage=php;/asp|aspx|cfm|l

19、asso|perl|php|py 84. var_QuickUploadLanguage=php;/asp|aspx|cfm|lasso|php/code 85. /第一个是文件浏览器使用的语言，第二个快速上传使用的语言，改成你需要的 86. FCKConfig.LinkUploadAllowedExtensions=;/emptyforall 87. FCKConfig.LinkUploadDeniedExtensions=.(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$ 88. /这是两个允许和

20、拒绝上传的文件类型列表 89. FCKConfig.ImageBrowser=false;是否在插入图片功能里面启用服务器文件浏览功能 90. FCKConfigFCKConfig.ImageBrowserURL=FCKConfig.BasePath+filemanager/browser/default/browser.html?Type=ImageConnector=connectors/+_FileBrowserLanguage+/connector.+_FileBrowserExtension; 91. Type=Image表示文件类型是image这会使文件浏览器定位到文件上传路径/i

21、mage/文件夹下面 92. FCKConfig.FlashBrowser=false;是否在插入flash功能中启用服务器文件浏览功能 93. FCKConfig.LinkUpload=false;是否启用插入链接的快速上传功能 94. FCKConfig.ImageUpload=false;是否启用图片快速上传功能 95. FCKConfig.FlashUpload=false;是否启用flash上传功能 96. 97. 98. 服务器文件设置 99. 100. 文件浏览器的设置： 101. fckeditoreditorfilemanagerconnectorsaspconfig.asp

22、 102. 103. ConfigIsEnabled=true决定是否启用文件浏览器。这个是在服务器上执行的 104. ConfigUserFilesPath=/test/upload/上传文件的路径（相对的） 105. ConfigAllowedExtensions.AddFile, 106. ConfigDeniedExtensions.AddFile,php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi 107. ConfigAllowedExt

23、ensions.AddImage,jpg|gif|jpeg|png|bmp 108. ConfigDeniedExtensions.AddImage, 109. ConfigAllowedExtensions.AddFlash,swf|fla 110. ConfigDeniedExtensions.AddFlash, 111. ConfigAllowedExtensions.AddMedia,swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt 112. ConfigD

24、eniedExtensions.AddMedia, 113. 这是4个不同的filetype类型 分别对应了 前台编辑器的 插入链接 插入图片 插入flash 插入媒体 4个功能 114. 这里的文件类型与上面提到的两处文件类型是一致的要改必须许全改!Xx5%I W/n0快速上传：XML/HTML代码1. ConfigIsEnabled=False/是否启用快速上传 2. ConfigUserFilesPath=/UserFiles/ 3. 4. /如果想上传到/test/upload/yyymmdd/的文件夹下面 5. 则修改为ConfigUserFilesPath=/test/upload

25、/&year(now()&right(0&month(now(),2)&right(0&day(now(),2) FCKeditor设置多个工具栏样式jX:QL3?Y0Pc0FCKeditor中自带了两种工具栏样式，Default 和Base。可是我现在想再加一种工具栏样式。 我试了一下。将Default样式的设置复制了一下 改为FCKConfig.ToolbarSetsBlogedit,里面个体的工具栏项我就不写了。可是当我在调用这个工具栏时，却提示我说工具栏Blogedit设置没有找到，这是怎么回事啊？难道FCKeditor只能使用Def ault 和Base这两种样式吗？ 找到fckco

26、nfig.js里面设置 这里我添加了ddd工具栏样式 要用的时候只需要 在引用的时候 $this-ToolbarSet = ddd ;就OK 了XML/HTML代码1. FCKConfig.ToolbarSetsDefault= 2. Source,DocProps,-,Save,NewPage,Preview,-,Templates, 3. Cut,Copy,Paste,PasteText,PasteWord,-,Print,SpellCheck, 4. Undo,Redo,-,Find,Replace,-,SelectAll,RemoveFormat, 5. Form,Checkbox,R

27、adio,TextField,Textarea,Select,Button,ImageButton,HiddenField, 6. /, 7. Bold,Italic,Underline,StrikeThrough,-,Subscrpt,Superscrpt, 8. OrderedList,UnorderedList,-,Outdent,Indent,Blockquote, 9. JustifyLeft,JustifyCenter,JustifyRight,JustifyFull, 10. Link,Unlink,Anchor, 11. Image,Flash,Table,Rule,Smile

28、y,SpecialChar,PageBreak, 12. /, 13. Style,FontFormat,FontName,FontSize, 14. TextColor,BGColor, 15. FitWindow,ShowBlocks,-,About/Nocommaforthelastrow. 16. ; 17. FCKConfig.ToolbarSetsBasic= 18. Bold,Italic,-,OrderedList,UnorderedList,-,Link,Unlink,-,About 19. ; 20. FCKConfig.ToolbarSetsddd= 21. Ordere

29、dList,UnorderedList,-,Link,Unlink,-,About,Bold,Italic,Underline,StrikeThroug 22. h,-,Subscrpt,Superscrpt 23. ; 有时间我在吧！ ADODB+SMARTY中应用板块写上去PHPChina 开源社区门户3K?sD;HPBH将FCKEDITOR整合进我的页面 由于目前的版本提供的FCKEDITOR仅提供了JAVAscrpt式的整合,因此,这里仅讲述如何应用JAVAscrpt来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以t:i%f-V)mSD0参考_samples文件夹中的

30、例子来完成 PHPChina 开源社区门户+C l0b y$Ck%_u|4H1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入scrpt标记以引入JAVAscrpt整合模块.例如: 2 A H&T%d0其中路径是可更改的 2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器: D qF2P3CH4v0方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: PHPChina 开源社区门户ht8C%DhYcscrpt type=text/javascrpt

31、i&iii 9J0var FCKeditor = new FCKeditor( FCKeditor1 ) ;6Des |1 H0oFCKeditor.Create() ;7WL O:YM8l0方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记 l6F#j7l Z0)FdIuj0PHPChina 开源社区门户6wV%C-f5V7:l;IOwindow.onload = function()PHPChina 开源社区门户x?(C h C|PHPChina 开源社区门户objv#dxvar FCKeditor = new

32、 FCKeditor( MyTextarea ) ;nt yH%Q9a0oFCKeditor.ReplaceTextarea() ;$HE a&)0PHPChina 开源社区门户3r+3E?Q9y/qQEPHPChina 开源社区门户+_es*Pp-_Wr|4|,s5tYu)W0PHPChina 开源社区门户 1k-V5w92c.EThis is the initial value.PHPChina 开源社区门户Ou1UIL*B dZ cfw kN BE#i0现在,编辑器可以使用了 FCKEDITOR类参考: PHPChina 开源社区门户)U,W9d eul2 Q下面是用来在页面中建立编辑器

33、的FCKEDITOR类的说明 构造器: PHPChina 开源社区门户wS Lk F17MFCKeditor( instanceName, width, height, toolbarSet, value )PHPChina 开源社区门户2px,?3b)ginstanceName:编辑器的唯一名称(相当于ID) PHPChina 开源社区门户I6QE*r;KTDH TWIDTH:宽度 PHPChina 开源社区门户ta:k-E8Z,Dm HEIGHT:高度 PHPChina 开源社区门户j i+S&vx2o!ytoolbarSet:工具条集合的名称 PHPChina 开源社区门户9.w62we

34、6A62Zwvalue:编辑器初始化内容 属性: PHPChina 开源社区门户46ew I?7R*a%t2uinstanceName:编辑器实例名 q s6w%!Ob!f0width:宽度,默认值为100% |JYu,JVRp0height:高度,默认值是200 PHPChina 开源社区门户8n q5qvToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default PHPChina 开源社区门户P1Z3zN,Z+J7xDvalue:初始化编辑器的HTML代码,默认值为空 s/z0s6J)+J0BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注

35、意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾 #)qngR)O0CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true P$|F(jc2Y.E%OS0DisplayErrors:是否显示提示错误,默为true; i ?vm&il*o p _-G0集合: up;_9A O2Mf0ConfigKey=value;h!TR4t;jP0这个集合用于更改配置中某一项的值,如 Tq9bn*d/Q&f.O0oFckeditor.ConfigDefaultLanguage=pt-br;方法: PHPChina 开源社区门户9if xCreate()JVf H$

36、O0建立并输出编辑器 RepaceTextArea(TextAreaName)&)uT:RaHdc0用编辑器来替换对应的文本框 如何配置FCKEDITOR? PHPChina 开源社区门户!_$gQP%cFCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js ws#K D&nM_W0你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVAscrpt语法. 修改后,在建立编辑器时,可以使用以下语法: 6 z8*D I+6T6F-z0var FCKeditor = new FCKeditor( FCKeditor1 ) ;PHPCh

37、ina 开源社区门户 ku fW+z -(MGmoFCKeditor.ConfigCustomConfigurationsPath = /myconfig.js ;PHPChina 开源社区门户I6o PX$ovk;yoFCKeditor.Create() ;提醒:当你修改配置后,请清空浏览器缓存以查看效果 自定义样式列表PHPChina 开源社区门户z:W+X?CFCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的FckStyls.xml文件中 PHPChina 开源社区门户2Q%R5e csJ 这个XML文件的结构分析如下: QY$sRV0PHPChina 开源社区门户rH)o5u/I9D#U!i+l-sOt uE I 0H,k t wL4Uf7E0PX4e tdJ06l y84t)tt02X BXv5d(U!gm0$K!E)PiT06W(Qv0PHPChina 开源社区门户1PkI FQ7H4|.uj4ME| ZK0F*ez/EKpC(H0PHPChina 开源社区门户CX(n o.r每一个STYLE标记定义一种样式,NAME是显示在下拉列表中的样式名,ELEMENT属性指定此样式所适用的对象,因为FCKEDITO