javascript - FCKEditor - 如何制作一个简单的插件？

Question

我有一个使用 FCKEditor 的网站。我想做一个非常简单的插件：当用户选择文本然后点击 MyPluginIcon 时，编辑器将文本包围在具有特定类的 span 标签中。

所以它就像粗体或斜体按钮一样，但用于：

<span class="blah">EtcEtc</span>

我远不是 JS 专家，所以一直在找一个插件来复制。我查看了 FCK wiki，但我发现的所有插件都非常复杂（文件浏览器等等）。你知道一个超级简单的FCK 插件我可以作为我的插件的基础吗？

谢谢！

Answer 1

回答我自己的问题！希望将来有人发现它会有所帮助。

我使用了这里的基本文件：http: //www.iondev.lu/fckeditor/netnoi.txt

我发现并用我自己的名字替换了“netnoi”，并取消注释图标行以制作图标（16x16）。

以及如何从这里安装它的说明：http: //docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Customization/Plug-ins

请务必检查插件目录是否正确——在 drupal 中，插件文件夹与默认的 FCK 安装不同。

编辑：显然 netnoi.txt 不见了。这是我使用的：

/***
 * Create blank command
 */
var FCKPixelCaps_command = function()
{

}

/***
 * Add Execute prototype
 */
FCKPixelCaps_command.prototype.Execute = function()
{
        // get whatever is selected in the FCKeditor window
        var selection = FCK.EditorDocument.getSelection();

        // if there is a selection, add tags around it
        if(selection.length > 0)
        {
                FCK.InsertHtml('<span class="caps">' + selection + '</span>');
        } else {
                // for debugging reasons, I added this alert so I see if nothing is selected
                alert('nothing selected');
        }
}

/***
 * Add GetState prototype
 * - This is one of the lines I can't explain
 */
FCKPixelCaps_command.prototype.GetState = function()
{
        return;
}

// register the command so it can be use by a button later
FCKCommands.RegisterCommand( 'PixelCaps_command' , new FCKPixelCaps_command() ) ;

/***
 * Create the  toolbar button.
 */

// create a button with the label "Netnoi" that calls the netnoi_command
var oPixelCaps = new FCKToolbarButton( 'PixelCaps_command', 'Pixels & Pulp Caps' ) ;
oPixelCaps.IconPath = FCKConfig.PluginsPath + 'PixelCaps/caps.gif' ;

// register the item so it can added to a toolbar
FCKToolbarItems.RegisterItem( 'PixelCaps', oPixelCaps ) ;