首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视 ┆淘宝手机在线充值 ┆淘宝游戏点卡充值 
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>NET专区>ASP.NET>如何给FCKeditor编辑器进行精简操作
如何给FCKeditor编辑器进行精简操作
来源:猢狲's Blog 发布时间:2008-10-20 发布人: 浏览: 人次   字体: [ ]  

下面要给大家介绍的是如何给FCKeditor编辑器进行精简操作,原版解压后差不多有3M ,精简后差不多只有1M了,是不是小多了呀

首先到:http://www.fckeditor.net/去下载FCKeditor 最新2.4版
精简:
删除所有”_”开头的文件和文件夹
删除FCKeditor的目录下:
fckeditor.afp
fckeditor.asp
fckeditor.cfc
fckeditor.cfm
fckeditor.lasso
fckeditor.pl
fckeditor.py
htaccess.txt
license.txt
删除语言包editorlang中除中文和英文以外的语言
删除skin目录下除默认皮肤以外的文件夹
filemanager/browser/default/connectors/目录下除php以外的文件
filemanager/upload/目录下除php以外的文件
如果你不想要表情包 删除 editorimagessmiley下的msn文件夹及表情按钮
好了 精简完毕

修改:

路径修改:
fckeditor.js中的this.BasePath改为编辑器所在文件夹名
fckeditor_php4.php和fckeditor_php5.php中的BasePath改为编辑器所在文件夹名

编辑器宽度和高度:
fckeditor_php4.php和fckeditor_php5.php

$this->Width = '100%' ; //编辑器宽度
$this->Height = '200' ; //高度
$this->ToolbarSet = 'Default' ; //工具栏样式 Default 或者Basic

fckconfig.js中修改 常用的
FCKConfig.DefaultLanguage = 'zh-cn' ;//这个是默认语言包 繁体是zh
FCKConfig.TabSpaces = 1 ;//允许在编辑器中使用Tab键 ‘0’为禁止
FCKConfig.ToolbarSets["Default"] = //在这里修改工具栏的图标按钮 有很多功能用不上 可以在这精简
FCKConfig.EnterMode = 'p' ; // p | div | br 定义回车键
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br 定义shift+回车键
FCKConfig.Keystrokes = //这里定义键盘快建方式 如ctrl+c ctrl+a ctrl+x
FCKConfig.FontNames //定义字体
FCKConfig.FontSizes //定义文字大小
var _FileBrowserLanguage = 'php' ;
var _QuickUploadLanguage = 'php' ;//指定文件浏览及上传使用的语言 我用的php
FCKConfig.SmileyPath = //这以下的就是定义表情了

editorfilemanagerrowserdefaultconnectorsphpconfig.php
editorfilemanageruploadphpconfig.php
$Config[’Enabled’] 是否允许上传
$Config[’UserFilesPath’] 默认上传路径

增加按钮有以下几步:

1、为按钮增加图片:
FCK的所有按钮图片是存放在一个图片文件里的,这一点比较独特,文件存放在相应皮肤目录下,如:/FCK/skins/silever/fck_strip.gif。通过Fireworks或Phtoshop打开该文件可以发现一个很长的图片,里面包含所有按钮的图片,现在您可以在该图片的最下面增加您自定义的按钮,注意,每个按钮的尺寸是16*16px。

2、为按钮增加功能代码:
增加按钮需要对FCK/editor/js目录中的两个核心文件进行修改:fckeditorcode_gecko.js和fckeditorcode_ie.js,前者是使用于gecko核心的浏览器如Firefox等,而后者应用于以IE为核心的浏览器如MyIE(傲游)等,这两个文件大体是相似的,仅有微小差别,在此我们基本无须担心。
修改的方法非常简单,基本是一个照葫芦画瓢的过程,首先我们找一个与我们将要添加的按钮功能相似的一个按钮,这里我们选择了Newpage,这是一个清空编辑器以备新建一个文件的按钮。首先我们修改fckeditorcode_ie.js,fckeditorcode_gecko.js直接复制更改的代码就可以了。

打开fckeditorcode_ie.js,你会发现一个按钮的功能定义分三大部分:

A、功能原型
// 按钮功能原型
var FCKNewPageCommand=function(){this.Name='NewPage';};
FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};

var FCKMyAlbumCommand=function(){this.Name='DISPLAY: none';};
FCKMyAlbumCommand.prototype.Execute=function(){if(typeof(parent.showMyAlbum)=="function"){parent.showMyAlbum(FCK);}else{alert(FCKLang.NoAlbum);}};
FCKMyAlbumCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};

B、功能的实例化
case 'NewPage':B=new FCKNewPageCommand();break;
case 'MyAlbum':B=new FCKMyAlbumCommand();break;

C、按钮的显示
case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
case 'MyAlbum':B=new FCKToolbarButton('MyAlbum',FCKLang.MyAlbum,null,null,true,null,67);break;

上面代码中第一部分是Newpage的原代码,后一部分是我们自定义的代码,您一看应该明白怎么回事了吧?仅红色部分和名称不同而已!而红色部分就是我们的自定义功能。
FCKLang是语言包对象,您只要打开FCK/editor/lang/下面的相应语言包添加相应的名称属性就可以了,比如:MyAlbum打开我的像册。注意大小写!至此我们的添加工作已完成。


相 关 文 章   发布商链接
·小技巧解决Firefox中按下回车键重新...
·asp.net实现一次性上传多个图片或文...
·自动附加到计算机上的进程[3508] asp...
·如何在asp.net中合并DataGrid行?
·解决asp.net中ReportViewer控件日历...
·asp.net生成高清晰缩略图的方法源码
·asp.net从数据库中读出图片并生成文...
·如何实现在DataList控件中的DropDown...
·实例讲解如何实现DataList控件的翻页...
·如何使用HttpWebRequest的POST取得网...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·实例讲解ASP.NET实现加密Cook...
·如何实现在DataList控件中的D...
·实例讲解asp.net生成高质量缩
·asp.net适用于IE或FireFox的...
·举例详解C#代码与javaScript...
·asp.net无刷新上传文件
·在Ie中保存图片时出现"800700...
·asp.net文件上传大小限制的控
·asp.net动态生成txt文本文件...
·asp.net实现将Excel文件导入...
·实现多列,带图片的DropDownLi...
·javascript实现TreeView 控件
·ASP.NET配置Word的操作权限
·让FileUpload控件在IE和FireF...
·ASP.NET实现Office文档的分类
热 门 文 章
·asp.net(C#)上传下载及文件管...
·图解asp.net如何用excel做报...
·asp.net无刷新上传文件
·Asp.Net防止刷新重复提交数据...
·asp.net实现将Excel文件导入...
·ASP.NET取得物理路径和虚拟路...
·asp.net中Web.Config配置文件...
·asp.net(c#)生成验证码代码,...
·asp.net页面回传与js调用服务...
·asp.net中DataBinder.Eval的...
·asp.net(C#版)实现登录验证码...
·DataGrid中DropDownList触发S...
·asp.net可输入的下拉框复合控...
·ASP.net 实现批量数据更新或...
·asp.net中常见的几种日历控件...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .