FckEditor自定义按钮_IT百科

Fckeditor 那个超链接功能不好改吧，还不如自己做一个上传功能，给你提供个例子，找着做吧

自定义工具栏按钮

需要修改的文件：

1. fckeditor/fckconfig.js

2. fckeditor/editor/lang/zh-cn.js

3. fckeditor/editor/_source/internals/fckregexlib.js

4. fckeditor/editor/_source/internals/fckcommands.js

5. fckeditor/editor/_source/internals/fcktoolbaritems.js

具体步骤：

第一步：修改fckconfig.js文件

1. 我们找到FCKConfig.ToolbarSets["Default"]这一行，在最后即'About'后添加一个工具按钮MyToolBar，名称为MyToolBar；

2. 找到FCKConfig.DefaultLanguage，修改语言为：zh-cn；

3. 找到FCKConfig.AutoDetectLanguage，设置为false，即关闭语言的自动检测功能；

第二步：修改zh-cn.js文件

1. 在最后加入：MyToolBar : "我的自定义工具栏"

2. 注意它前面的一个最后要加多一个逗号；

第三步：修改fckregexlib.js文件

找到NamedCommands这一行，在最后加入：MyToolBar

第四步：修改 fckcommands.js 文件

找到FCKCommands.GetCommand函数，在其中加入：

case 'MyToolBar':

oCommand = new FCKDialogCommand('MyToolBar', FCKLang.MyToolBar, 'dialog/MyToolBar.html', 450, 400 )

break

第五步：修改fcktoolbaritems.js文件

找到FCKToolbarItems.GetItem函数，在其中加入：

case 'MyToolBar':

oItem = new FCKToolbarButton('MyToolBar', FCKLang.MyToolBar, null, null, null, true, 72)

break

这里72是表示skins目录下各个皮肤目录中fck_strip.gif图片文件中的图片索引，我们这里用和命令ShowBlocks一样的图标（一个问号图片）。

第六步：在目录fckeditor/editor/dialog/ 下面创建一个MyToolBar.html文件，内容如下：

<html>

<head>

<title>MyTool Dialog Page</title>

var oEditor = window.parent.InnerDialogLoaded()

window.onload = function() {

window.parent.SetOkButton(true)

window.parent.SetAutoSize(true)

}

function Ok() {

var oActiveEl = oEditor.FCK.EditorDocument.createElement('SPAN')

oActiveEl.innerHTML = GetE('txtName').value

oEditor.FCKUndo.SaveUndoStep()

oActiveEl = oEditor.FCK.InsertElement(oActiveEl)

return true

}

</script>

</head>

<tr>

请输入文字：

</td>

</tr>

</table>

</body>

</html>

方法/步骤

1、请确认自己现在已经完全升级到Dedecms V5.7版本。

2、查看include目录下是否有FCKeditor文件夹，如果没有请从原来V56版本的include文件夹里拷贝一个过来。

3、完成上两步确认工作后，进入Dedecms管理后台，主菜单---系统---系统基本参数，里面选择第二项核心设置里将“Html编辑器（ckeditor,需要fck的用户可以去官网下载）： ”这项的值改为“fck”，点击确定，OK，改造完毕！

4、添加一篇文章试试，看看编辑器是不是已经完全换回来了？

然后在安装自动排版插件，网上5.7的自动排版插件，其实在5.6的基础上改的，直接上传，安装就可以了！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11663452.html

FckEditor自定义按钮

发表评论

评论列表（0条）