Chinaunix首页 | 论坛 | 博客
  • 博客访问: 758881
  • 博文数量: 140
  • 博客积分: 10288
  • 博客等级: 上将
  • 技术积分: 2895
  • 用 户 组: 普通用户
  • 注册时间: 2006-12-03 13:19
文章分类

全部博文(140)

文章存档

2009年(50)

2008年(90)

我的朋友

分类:

2009-05-27 08:10:44

FCKeditor设置文件 "fckconfig.js"

 

XML/HTML代码
  1. FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称   
  2. FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件   
  3. FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表风格   
  4. FCKConfig.ToolbarComboPreviewCSS =''; //工具栏预览   
  5. FCKConfig.DocType = '' ;//文档类型   
  6. FCKConfig.BaseHref = ''; // 相对链接的基地址   
  7. FCKConfig.FullPage = false ; //是否允许编辑整个文件,还是仅允许编辑BODY间的内容   
  8. FCKConfig.StartupShowBlocks = false ;//决定是否启用"显示模块"   
  9. FCKConfig.Debug = false ;//是否开启调试功能   
  10. FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮肤路径   
  11. FCKConfig.PreloadImages=... //预装入的   
  12. FCKConfigFCKConfig.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 ; //包括拉丁文   
  18. FCKConfig.IncludeGreekEntities = true ;//包括希腊文   
  19. FCKConfig.ProcessNumericEntities = false ;//处理数字实体   
  20. FCKConfig.AdditionalNumericEntities = '' ;   //附加的数字实体   
  21. FCKConfig.FillEmptyBlocks = true ; //是否填充空块   
  22. FCKConfig.FormatSource   = true ; //在切换到代码视图时是否自动格式化代码   
  23. FCKConfig.FormatOutput   = true ; //当输出内容时是否自动格式化代码   
  24. FCKConfig.FormatIndentator = '    ' ; //当在源码格式下缩进代码使用的字符   
  25. FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上   
  26. FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文件内容   
  27. FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE   
  28. FCKConfig.ShowDropDialog = true ;//是否显示下拉菜单   
  29. FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符号转换为实体   
  30. FCKConfig.TabSpaces   = 0 ;//按下Tab键时光标跳格数,默认值为零为不跳格   
  31. FCKConfig.ShowBorders = true ;//合并边框   
  32. FCKConfig.SourcePopup = false ;//弹出   
  33. FCKConfig.ToolbarStartExpanded = true ;//启动fckeditor工具栏默认是否展开   
  34. FCKConfig.ToolbarCanCollapse = true ;//是否允许折叠或展开工具栏   
  35. FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值   
  36. FCKConfig.FloatingPanelsZIndex = 10000 ;//浮动面板索引   
  37. FCKConfig.HtmlEncodeOutput = false ;//是否将HTML编码输出   
  38. FCKConfig.TemplateReplaceAll = true ;//是否替换所有模板   
  39. FCKConfig.ToolbarLocation = 'In' ;//工具栏位置,   
  40. FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称   
  41. FCKConfigFCKConfig.EditorAreaCSS = 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 ; // 是否自动检测语言   
  46. 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.FormatIndentator = ""; // 当在“源码格式”下缩进代码使用的字符   
  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是否有效   
  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.EnterMode = '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.StylesXmlPath = ""; // 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. FCKConfig.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 | lasso | perl | php | py      
  84. var _QuickUploadLanguage         = 'php' ;         // asp | aspx | cfm | lasso | php[/code]   
  85. //第一个是文件浏览器使用的语言,第二个快速上传使用的语言,改成你需要的   
  86. FCKConfig.LinkUploadAllowedExtensions         = "" ;                         // empty for all   
  87. FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$"  
  88. //这是两个允许和拒绝上传的文件类型列表   
  89. FCKConfig.ImageBrowser = false ;是否在插入图片功能里面启用服务器文件浏览功能   
  90. FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;   
  91. Type=Image   表示文件类型是image这会使文件浏览器定位到文件上传路径/image/文件夹下面   
  92. FCKConfig.FlashBrowser = false ;是否在插入flash功能中启用服务器文件浏览功能   
  93. FCKConfig.LinkUpload = false ;是否启用插入链接的快速上传功能   
  94. FCKConfig.ImageUpload = false ;是否启用图片快速上传功能   
  95. FCKConfig.FlashUpload = false ;是否启用flash上传功能   
  96.   
  97.   
  98. 服务器文件设置   
  99.   
  100. 文件浏览器的设置:   
  101. fckeditor\editor\filemanager\connectors\asp\config.asp   
  102.   
  103. ConfigIsEnabled = true 决定是否启用文件浏览器。这个是在服务器上执行的   
  104. ConfigUserFilesPath = "/test/upload/" 上传文件的路径(相对的)   
  105. ConfigAllowedExtensions.Add         "File", ""   
  106. ConfigDeniedExtensions.Add         "File", "php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi"   
  107. ConfigAllowedExtensions.Add         "Image", "jpg|gif|jpeg|png|bmp"   
  108. ConfigDeniedExtensions.Add         "Image", ""   
  109. ConfigAllowedExtensions.Add         "Flash", "swf|fla"   
  110. ConfigDeniedExtensions.Add         "Flash", ""   
  111. ConfigAllowedExtensions.Add         "Media", "swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt"   
  112. ConfigDeniedExtensions.Add         "Media", ""   
  113. 这是4个不同的filetype类型 分别对应了 前台编辑器的 插入链接 插入图片 插入flash 插入媒体 4个功能
  114.   

这里的文件类型与上面提到的两处文件类型是一致的要改必须许全改PHPChina 开源社区门户\%A"k8sN^ R:A
快速上传:

XML/HTML代码
  1. ConfigIsEnabled = False //是否启用快速上传   
  2. ConfigUserFilesPath = "/UserFiles/"  
  3.   
  4. //如果想上传到 /test/upload/yyymmdd/的文件夹下面   
  5. 则修改为 ConfigUserFilesPath = "/test/upload/" & year(now())& right("0"& month(now()),2)&right("0" & day(now()),2)  

 

FCKeditor设置多个工具栏样式PHPChina 开源社区门户@3k"If#J Rb&^

FCKeditor中自带了两种工具栏样式,Default 和Base。可是我现在想再加一种工具栏样式。 我试了一下。将Default样式的设置复制了一下 改为FCKConfig.ToolbarSets["Blogedit"],里面个体的工具栏项我就不写了。可是当我在调用这个工具栏时,却提示我说工具栏Blogedit设置没有找到,这是怎么回事啊?难道FCKeditor只能使用Def ault 和Base这两种样式吗? 找到  fckconfig.js  里面设置 这里我添加了  ddd  工具栏样式 要用的时候只需要 在

引用的时候   $this->ToolbarSet = 'ddd' ;  就OK 了

 

XML/HTML代码
  1. FCKConfig.ToolbarSets["Default"] = [   
  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','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],   
  6. '/',   
  7. ['Bold','Italic','Underline','StrikeThrough','-','Subscrīpt','Superscrīpt'],   
  8. ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],   
  9. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],   
  10. ['Link','Unlink','Anchor'],   
  11. ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],   
  12. '/',   
  13. ['Style','FontFormat','FontName','FontSize'],   
  14. ['TextColor','BGColor'],   
  15. ['FitWindow','ShowBlocks','-','About']  // No comma for the last row.   
  16. ] ;   
  17. FCKConfig.ToolbarSets["Basic"] = [   
  18. ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']   
  19. ] ;   
  20. FCKConfig.ToolbarSets["ddd"] = [   
  21.         ['OrderedList','UnorderedList','-','Link','Unlink','-','About','Bold','Italic','Underline','StrikeThroug   
  22. h','-','Subscrīpt','Superscrīpt']   
  23. ] ;  

有时间我在吧! ADODB+SMARTY中应用板块写上去
Q v h%xBJi0将FCKEDITOR整合进我的页面

由于目前的版本提供的FCKEDITOR仅提供了JAVAscrīpt式的整合,因此,这里仅讲述如何应用JAVAscrīpt来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以PHPChina 开源社区门户'xO0QgU2S
参考_samples文件夹中的例子来完成
Dybim01,假如编辑器已经在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入scrīpt标记以引入JAVAscrīpt整合模块.例如:
%H,y*]$Ew0

其中路径是可更改的

2,现在,FCKEDITOR类已经可以使用了.有两个在页面中建立一个FCKEDITOR编辑器:
,sI&n0PMv0方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: PHPChina 开源社区门户kF;p"`Na]2@
scrīpt type="text/javascrīpt">
gO2J[/A(F E0var ōFCKeditor = new FCKeditor( 'FCKeditor1' ) ;PHPChina 开源社区门户B.s7d^3w`;K
oFCKeditor.Create() ;PHPChina 开源社区门户8Pg]L T3P y |

方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记


!??'wG:^ oNx0
:z'GS O)q!rx0
u} n&Ru,gC-Q2PE(i `[0window.onload = function()
/\&c R*A)Q@0{
.s"f8M jCwa0var ōFCKeditor = new FCKeditor( 'MyTextarea' ) ;PHPChina 开源社区门户8W~h!x7}4ua
oFCKeditor.ReplaceTextarea() ;PHPChina 开源社区门户 G Z}0JUdt
}
"qj;p H!C0
PHPChina 开源社区门户:JPIx`&i
PHPChina 开源社区门户/[U[)Bd5I
PHPChina 开源社区门户IT0~ nmtoy

#n&E~(D8T r0 PHPChina 开源社区门户3X'nuOc#a hLx Dq

现在,编辑器可以使用了

 

FCKEDITOR类参考:
8lZ D X!{H0下面是用来在页面中建立编辑器的FCKEDITOR类的说明

构造器: PHPChina 开源社区门户 E!M @3e\.[7R#v
FCKeditor( instanceName[, width, height, toolbarSet, value] )PHPChina 开源社区门户o:Pw/Ei@6[Z/T
instanceName:编辑器的唯一名称(相当于ID)
#Kv j%f3m$fd'D0WIDTH:宽度 PHPChina 开源社区门户6z{1FB9P3G
  HEIGHT:高度 PHPChina 开源社区门户DWlkL)Pj(y
toolbarSet:工具条集合的名称 PHPChina 开源社区门户eq4n.C_uc
value:编辑器初始化内容

属性: PHPChina 开源社区门户$y@XG;{U
instanceName:编辑器实例名
nLY(nl4jd0width:宽度,默认值为100%
o%AcRV0height:高度,默认值是200
?&N_'Tv'[0ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default PHPChina 开源社区门户"`(z1d)mW-R
value:初始化编辑器的HTML代码,默认值为空 PHPChina 开源社区门户 x%PV7cv&_
BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾
L&F6f lZ#v8O0CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true PHPChina 开源社区门户C9U+b{ i
DisplayErrors:是否显示提示错误,默为true;
g6m)m6H!`6c4A1A,F0集合:
a;ex/}7]9M|0Config[Key]=value;
p+jE5R%uM0这个集合用于更改配置中某一项的值,如 PHPChina 开源社区门户&n|:lTM1I
oFckeditor.Config["DefaultLanguage"]="pt-br";

方法:
%g5^Nd @[j-J0Create()
u`4h+lu od0建立并输出编辑器

RepaceTextArea(TextAreaName)PHPChina 开源社区门户:c4d&w3h0a rj6V
用编辑器来替换对应的文本框

如何配置FCKEDITOR?
-lYKL2gDYY:P0FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js PHPChina 开源社区门户fGZ @Ng-h,Z*k
你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVAscrīpt语法.

修改后,在建立编辑器时,可以使用以下语法: PHPChina 开源社区门户2~2UN(Qa FK
var ōFCKeditor = new FCKeditor( 'FCKeditor1' ) ;PHPChina 开源社区门户[)wk kHTM
oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ;PHPChina 开源社区门户+g,Xrk.l5H:A;k
oFCKeditor.Create() ;

提醒:当你修改配置后,请清空浏览器缓存以查看效果

自定义样式列表PHPChina 开源社区门户~1Zl&{Z |&h;iI
FCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的FckStyls.xml文件中
_UH mWOgk)u8\ }}0这个XML文件的结构分析如下: PHPChina 开源社区门户)V#L K*dn_
PHPChina 开源社区门户A1V:^8R4tO"a

(g0D.V/A$G*uI&N`0PHPChina 开源社区门户e4T%Z&xo
PHPChina 开源社区门户 WAVD D+v9c"kp