FCK编辑器(FCKEditor)添加新按钮和功能的修改方法_网页编辑器

需要修改的文件:

fckconfig.js
zh-cn.js
en.js
fckeditorcode_gecko.js || fckeditorcode_ie.js(针对IE以外的浏览器||针对ie浏览器,如果要支持两种浏览器,就这两个包都修改)

第一步:在Toolbar中添加功能按钮
fckconfig.js:FCKConfig.ToolbarSets[“Default”] 中添加按钮名称
FCKConfig.ToolbarSets["Default"] = [
['Bold','Italic','-','About', 'mydiy']
] ;

第二步:为按钮添加中文名称和英文名称

zh-cn.js:为你的按钮起个中文名字
mydiy : “我的自定义按钮"

en.js:为你的按钮起个英文名字
mydiy:"mydiybutton"

第三步:在Toolbar中显示该按钮

fckeditorcode_gecko.js(fckeditorcode_ie.js):
查找:

case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代码

比如case 'mydiy':B=new FCKToolbarButton('mydiy',FCKLang.mydiy,null,null,false,true,50);(这个50是按钮的显示图片,要让你的自定义按钮显示为插入图片那个按钮的图片,可以填入37)
这样就可以在Toolbar中显示你的按钮了

第四步:定义按钮功能原型

ckeditorcode_gecko.js(fckeditorcode_ie.js):

查找:

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;};
定义功能原型:(这里直接复NewPage的实现代码放到后面,然后进行修改)

比如:var FCKmydiyCommand=function(){this.Name='mydiy';};FCKmydiyCommand.prototype.Execute=function(){ 这里写你所需要执行的代码或者函数,比如alert("I am here !");};FCKmydiyCommand.prototype.GetState=function(){return 0;};
将上面代码插入到查找内容之后。

第五步:按钮功能实例化:

ckeditorcode_gecko.js(fckeditorcode_ie.js):

查找:

case 'NewPage':B=new FCKNewPageCommand();break;
功能实例化:
case 'mydiy':B=new FCKmydiyCommand();break;
将上面代码插入到查找内容之后。

OK,这样就可以在为FCKeditor加上自定义的按钮了。

如果要为按钮加上快捷键,可以在fckconfig.js中:FCKConfig.Keystrokes = []加上
[ CTRL + 71 /*G*/, 'mydiy' ],

来自:萍客小居 (http://www.piikee.net/)

时间: 2024-12-02 04:36:11

FCK编辑器(FCKEditor)添加新按钮和功能的修改方法_网页编辑器的相关文章

比较不错的修改FCKEditor的修改方法_网页编辑器

修改后的代码下载http://www.cnblogs.com/Files/Truly/FCKeditor_Truly.rar本地下载地址由于项目需要,近期仔细研究了FCKEditor.发现一下bug,以及缺少的一些东西. 一.防止连续文本导致出现滚动条        FCKEditor编辑器使用Iframe来处理编辑器内容,可惜不支持文本换行,假如你连续输入一段英文或数字等,将会出现滚动条,这时我们需要给其增加word-wrap样式为break-word: 添加方式有很多,我选择最便捷的修改方式

FCKEditor超级链接默认新窗口打开的修改方法_网页编辑器

Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代码

dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法_网页编辑器

DEDECMS文章页加入的链接都默认不是在新窗口打开.百度一下,都是关于FCKeditor编辑器的.dedecmd v5.7 默认ckeditor编辑器.写下来希望能帮到那些不会改的同学 在清理下浏览器缓存,就可以了.

UEditor编辑器自定义上传图片或文件路径的修改方法_网页编辑器

使用ueditor编辑器,附件默认在ueditor/php/upload/,  我的附件地址是网站根目录下/data/upload/ ,需要修改ueditor如下: 第一步:打开php/config.php修改图片目录 复制代码 代码如下: return array(     //图片目录    'imageSavePath' => array (        '../../../../data/upload'    ) ); 第二步:图片上传后去掉相对路径php/imageUp.php 复制

TinyMCE syntaxhl插入代码后换行的修改方法_网页编辑器

在pre后 面加个换行,然后才能回到可视化界面里继续编辑博客.如果博客里要插入的代码片段很多,就会非常不爽.所以今天给它做了个小修改. 打开plugins\syntaxhl\js\dialog.js 定位到41行,找到</pre>标记.这是预格式化标签的结尾标记.所以只要在它后面插入一个段落标记,即可让光标跳出我们插入的代码片段.插件的作者在41行后加了个bug注释,所以不敢贸然写在</pre>的后面,所以我们换一行,把<p></p>拼接上. 现在我们插入代

fckeditor编辑器下的自定义分页符实现方法_网页编辑器

进行长文章分页,编辑人员在控制分页符的时候手工插入很麻烦,所以修改了FCK的插入分页符的插入字符: 修改方法: 打开/editor/js/ 找到fckeditorcode_gecko.js和fckeditorcode_ie.js 因为fck有二个js文件.fckeditorcode_gecko.js是针对非ie的.一个是针对ie的.所以我们需要更改二个js的文件. 这样方便我们以后插入分页时,就不需要那么一大串的了. 找到: var FCKPageBreakCommand=function(){

FCKEDITOR 的高级功能和常见问题的解决方法_网页编辑器

它可和PHP.JavaScript.ASP.ASP.NET.ColdFusion.Java.以及ABAP等不同的编程语言相结合.FCK的配置和使用都很简单,但是默认的配置不能满足所有的需求,所以我们需要了解一些FCK的高级功能. 获取FCK的实例 FCKeditorAPI是FCKeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作. 在当前页获得 FCK 编辑器实例: var Editor = FCKeditorAPI.GetInstance('InstanceName'

FCKeditor添加自定义按钮的方法_网页编辑器

增加按钮有以下几步: 1.为按钮增加图片: FCK的所有按钮图片是存放在一个图片文件里的,这一点比较独特,文件存放在相应皮肤目录下,如:/FCK/skins/silever/fck_strip.gif.通过Fireworks或Phtoshop打开该文件可以发现一个很长的图片,里面包含所有按钮的图片,现在您可以在该图片的最下面增加您自定义的按钮,注意,每个按钮的尺寸是16*16px. 2.为按钮增加功能代码: 增加按钮需要对FCK/editor/js目录中的两个核心文件进行修改:fckeditor

ASP FCKeditor在线编辑器使用方法_网页编辑器

本文使用的是最新的FCKeditor 2.3.1版本 官方网站下载: http://ckeditor.com/download[建议直接在官方网站下载最新版本] 下面就开始用了: 第一项工作就是对这个功能宏大的编辑器进行精简,当然是文件精简而非功能精简化.在这里我以asp版的FCKeditor为例进行,进入到FCKeditor 文件夹下,先把以"_"为开头的文件夹统统删除,这些文件夹里放的是范例或是一些其它工具.其实也就是只保留editor文件夹.fckconfig.js.fckedi