FCKeditor 插件开发 示例（详细版本）

FCKeditor插件开发：从入门到精通的详细指南（版本2.6.3）

你是否对网页内容编辑器的功能感到满足？如果你是一个追求极致体验的开发者，那么FCKeditor的插件开发可能会让你眼前一亮。FCKeditor，作为一款开源的网页编辑器，其强大的功能和良好的用户体验赢得了开发者的广泛好评。而它的插件系统更是为其增添了无限可能，只要你能想到，就能通过插件实现。

那么，如何开始FCKeditor插件开发呢？让我们从一个简单的“Hello”插件入手，一步步了解FCKeditor插件的开发流程。

我们需要进入FCKeditor编辑器目录下的editor文件下的plugins目录。这个目录是存放FCKeditor插件的地方。在此，我们创建一个新的文件夹，命名为'hello'。

接下来，在'hello'文件夹中，我们需要建立两个关键文件：fckplugin.js和语言文件。语言文件用于定义插件的文本内容，如按钮的标签等。在FCKeditor中，语言的定义遵循一定的命名规则，例如英文为en.js，简体中文为zh-.js。

以英文语言文件en.js为例，我们需要定义插件的显示文本。在这个文件中，我们写入FCKLang.Hello="Hello"。对应的简体中文版本zh-.js则写入FCKLang.Hello="你好"。

完成语言定义后，我们进入插件定义的核心部分，即fckplugin.js文件的编辑。在这个文件中，我们需要完成三个主要步骤：注册命令、定义工具栏和将命令注册到工具栏。

注册命令的过程涉及到对话框的定义，包括命令名称、对话框标题、URL、宽度和高度等信息的设定。完成命令注册后，我们需要定义一个工具栏，并为其添加一个按钮。在这个阶段，我们还可以为按钮添加一个图标，以增强用户体验。

我们将之前定义的命令注册到工具栏中，完成插件的开发。在Fckeditor的目录下找到 “fckconfig.js”，这是fckeditor的设置文件，我们可以在这里调用我们新开发的插件。

开启你的FCKEditor插件开发之旅！让我们一步步详细这个过程。

你需要在你的项目中设置FCKConfig的插件路径。这个路径是存放所有FCKEditor插件的地方。具体的实现方式是这样的：

`FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;`

接着，你添加了一个新的插件，这个插件的名称是‘hello’，并且支持中英文两种语言。这一步是通过以下代码实现的：

`FCKConfig.Plugins.Add('hello','zh-,en');`

在`FCKConfig.Plugins.Add`这个方法中，第一个参数是插件的名称，第二个参数是语言文件，它是可选的。如果没有提供语言文件，系统会自动设置。这样你就可以轻松地为你的插件添加多语言支持了。

接下来，你需要在"FCKConfig.ToolbarSets"中添加你的插件到默认的工具栏中。这一步是通过对数组进行简单的操作完成的。在这个数组中，你可以添加任何你想要的插件名称，包括我们刚刚添加的'hello'。注意，添加的时候需要包含引号。例如：`FCKConfig.ToolbarSets["Default"] = ['hello', ...其他插件];` 这样，你的插件就会被添加到默认的工具栏中了。

那么，如何建立自己的FCKEditor插件呢？其实步骤很简单：

建立” fckplugin.js”，这是你的插件文件。在这个文件中，你需要完成以下几个步骤：

建立插件（包括语言文件等）：你需要编写你的插件代码，并创建相应的语言文件，以便你的插件可以支持多种语言。

添加插件：将你的插件添加到FCKConfig的插件列表中。这可以通过调用`FCKConfig.Plugins.Add`方法完成。

注册命令：为了让你的插件可以被用户调用，你需要注册一个或多个命令。这些命令将在工具栏上显示出来。

定义工具栏：你可以自定义你的插件在工具栏上的显示方式。这包括命令的名称、图标等。

注册到工具栏：你需要将你的插件注册到工具栏上。这样，用户就可以通过点击工具栏上的按钮来使用你的插件了。