【php精品源码栏目提醒】:网学会员,鉴于大家对php精品源码十分关注,论文会员在此为大家搜集整理了“ASP程序中FCKEditor在线编辑器的配置和精简方法 - 其它资料”一文,供大家参考学习!
ASP 程序中 FCKEditor 在线编辑器的配置和精简方法(1)精简,言多必失,文件多了也是一种隐患。
FCKEditor 支持多种服务器脚本语言,实际使用的时候我们根本用不了那么多文件,我们要根据自己的需要对其进行精简。
对于 ASP 系统来说:FCKEditor 根目录, 仅保留fckeditor.asp,fckconfig.js,fckeditor.js,fckpackager.xml,fckstyles.xml,fcktemplates.xml这些文件以及 editor 目录。
删除示例目录_samples。
fckeditoreditorfilemanagerconnectors目录下面仅保留asp目录,删除其它目录和文件。
。
(2)修改文件上传采用的脚本程序(语言)默认的 FCKEditor 文件上传程序为 asp,如果是用在 asp 系统中,那就不用再修改了。
如果是用在
PHP 系统中的话,需要做如下修改,打开 fckconfig.js找到:var _FileBrowserLang ge aspvar _QuickUploadLang ge asp改成:var _FileBrowserLang ge phpvar _QuickUploadLang ge
php(3)开启文件上传,修改文件上传目录。
对于 ASP 系统来说:打开 fckeditoreditorfilemanagerconnectorsaspconfig.asp启用文件上传:找到:ConfigIsEnabled false改成:ConfigIsEnabled tr设置上传存放目录:找到:ConfigUserFilesPath /admin/uppic/改成:ConfigUserFilesPath 自定义的路径对于
PHP 系统来说:打开 fckeditor/editor/filemanager/browser/default/connectors/
php/config.
php启用文件上传:找到:ConfigEnabled false改成:ConfigEnabled tr设置上传存放目录:找到:ConfigUserFilesPath /userfiles/改成:ConfigUserFilesPath 自定义的路径(4)修改上传文件命名方式。
FCKEditor 上传文件,文件名采用原文件名,如果想采用自定义的文件命名方式(比如,随即名称),可以修改如下地方:对于 ASP 系统来说:打开 fckeditorsampleediteditorfilemanagerconnectorsaspcommands.asp找到:sFileName SanitizeFileName sFileName 将该句改为自定义的文件命名格式,例如:dim RndStrRandomizeRndStr CstrFix9000rnd1000 产生一个随机数sFileNameyeardatemonthDatedayDatehourtimeminutetimesecondtimeRndStr . tension对于
PHP 系统来说:打开 fckeditoreditoreditorfilemanagerconnectorsphpcommands.
php找到:sOriginalFileName sFileName 在该句前面加入:// 初始化种子sstr split microtime5seed sstr010000// 使用种子初始化随机数发生器srandseed// 生成指定范围内的随机数random rand100010000// 合成随即的文件名sFileName dateYmdHis time.random...tension(5)FCKEditor 在程序中引用方式。
对于 ASP 系统来说:需要包含下面的头文件在编辑器所在的位置添加如下代码:对于
PHP 来说:在编辑器所在的位置添加如下代码:(6)获取 FCKEditor 中的数据。
对于服务器端脚本程序来说,将编辑器的 id当做 input 标签的 name 属性值来获取即可,例如:在 ASP 中 reqstshangpin_description , 在
PHP 中 _REQSTshangpin_descriptionJS 中 用 FCKeditorAPI.GetInstanceshangpin_description.GetXHTMLtr得到 shangpin_description 对应的值ckEditor 的 ASP 配置在网上找了好久终于找到了!O∩_∩O 哈哈一、使用方法:1、在页面中引入 ckeditor 核心文件 ckeditor.js2、在使用编辑器的地方插入 HTML 控件如果是 ASP.NET 环境,也可用服务器端控件注意在控件中加上 classckeditor 。
3、将相应的控件替换成编辑器代码4、配置编辑器ckeditor 的配置都集中在 ckeditor/config.js 文件中,下面是一些常用的配置参数:// 界面语言,默认为 enconfig.language zh-cn// 设置宽高config.width 400config.height 400// 编辑器样式,有三种:kama(默认) 、office2003、v2config.skin v2// 背景颜色config.uiColor FFF// 工具栏(基础Basic、全能Full、自定义)plugins/toolbar/plugin.jsconfig.toolbar Basicconfig.toolbar Full这将配合:config.toolbar_Full Source-SaveNewPagePreview-TemplatesCutCopyPastePasteTextPasteFromWord-Print SpellChecker ScaytUndoRedo-FindReplace-SelectAllRemoveFormatForm Checkbox Radio TextField Textarea Select Button ImageButton HiddenField/BoldItalicUnderlineStrike-SubscriptSuperscriptNumberedListBulletedList-OutdentIndentBlockquoteJustifyLeftJustifyCenterJustifyRightJustifyBlockLinkUnlinkAnchorImageFlashTableHorizontalRuleSmileySpecialCharPageBreak/StylesFormatFontFontSizeTextColorBGColor//工具栏是否可以被收缩config.toolbarCanCollapse true//工具栏的位置config.toolbarLocation top//可选:bottom//工具栏默认是否展开config.toolbarStartupExpanded true// 取消 “拖拽以改变尺寸”功能 plugins/resize/plugin.jsconfig.resize_enabled false//改变大小的最大高度config.resize_maxHeight 3000//改变大小的最大宽度config.resize_maxWidth 3000//改变大小的最小高度config.resize_minHeight 250//改变大小的最小宽度config.resize_minWidth 750// 当提交包含有此编辑器的表单时,是否自动更新元素内的数据config.autoUpdateElement true// 设置是使用绝对目录还是相对目录,为空为相对目录config.baseHref // 编辑器的 z-index 值config.baseFloatZIndex 10000//设置快捷键config.keystrokes CKEDITOR.ALT 121 /F10/ toolbarFocus //获取焦点 CKEDITOR.ALT 122 /F11/ elementsPathFocus //元素焦点 CKEDITOR.SHIFT 121 /F10/ contextMenu //文本菜单 CKEDITOR.CTRL 90 /Z/ undo //撤销 CKEDITOR.CTRL 89 /Y/ redo //重做 CKEDITOR.CTRL CKEDITOR.SHIFT 90 /Z/ redo // CKEDITOR.CTRL 76 /L/ link //链接 CKEDITOR.CTRL 66 /B/ bold //粗体 CKEDITOR.CTRL 73 /I/ italic //斜体 CKEDITOR.CTRL 85 /U/ underline //下划线 CKEDITOR.ALT 109 /-/ toolbarCollapse //设置快捷键 可能与浏览器快捷键冲突 plugins/keystrokes/plugin.js.config.blockedKeystrokes CKEDITOR.CTRL 66 /B/CKEDITOR.CTRL 73 /I/CKEDITOR.CTRL 85 /U///设置编辑内元素的背景色的取值 plugins/colorbutton/plugin.js.config.colorButton_backStyle element : spanstyles : background-color : color //设置前景色的取值 plugins/colorbutton/plugin.jsconfig.colorButton_colors 0008000008B45132F4F4F0080800000804B0082696969B22222A52A2ADAA52000640040E0D00000CD800080808080F00FF8C00FFD7000080000FF00FEE82EEA9A9A9FFA07AFFA500FFFF0000FF00AFEEEEADD8E6DDA0DDD3D3D3FFF0F5FAEBD7FFFFE0F0FFF0F0FFFFF0F8FFE6E6FAFFF’//是否在选择颜色时显示“其它颜色”选项 plugins/colorbutton/plugin.jsconfig.colorButton_enableMore false//区块的前景色默认值设置 plugins/colorbutton/plugin.jsconfig.colorButton_foreStyle element : spanstyles : color : color //所需要添加的 CSS 文件 在此添加 可使用相对路径和网站的绝对路径config.contentsCss ./contents.css//文字方向config.contentsLangDirection rtl //从左到右//CKeditor 的配置文件 若不想配置 留空即可CKEDITOR.replace myfiled customConfig : ./config.js //界面编辑框的背景色 plugins/dialog/plugin.jsconfig.dialog_backgroundCoverColor rgb255 254 253 //可设置参考config.dialog_backgroundCoverColor white //默认//背景的不透明度 数值应该在:0.0~1.0 之间 plugins/dialog/plugin.jsconfig.dialog_backgroundCoverOpacity 0.5//移动或者改变元素时 边框的吸附距离 单位:像素 plugins/dialog/plugin.jsconfig.dialog_magnetDistance 20// 是 否 拒 绝 本 地 拼 写 检 查 和 提 示 默认为拒绝 目 前 仅 firefox 和 safari 支 持plugins/wysiwygarea/plugin.js.config.disableNativeSpellChecker true//进行表格编辑功能 如:添加行或列 目前仅 firefox 支持 plugins/wysiwygarea/plugin.jsconfig.disableNativeTableHandles true //默认为不开启//是否开启 图片和表格 的改变大小的功能 config.disableObjectResizing trueconfig.disableObjectResizing false //默认为开启//设置 HTML 文档类型config.docType