FCKeditor插件开发详解
<html>
<head>
<title>Code Properties</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="noindex, nofollow" name="robots">
<link href="stylesheets/highlight.css" media="screen" rel="Stylesheet"
type="text/css" />
<script language="javascript">
var oEditor = window.parent.InnerDialogLoaded() ;
var FCKLang = oEditor.FCKLang ;
var FCKCodes = oEditor.FCKCodes ;
window.onload = function ()
{
oEditor.FCKLanguageManager.TranslatePage( document ) ;
window.parent.SetOkButton( true ) ;
}
function Ok()
{
var select = document.getElementById(''code_type'');
FCKCodes.Add(select.options[select.selectedIndex].innerHTML,document.getElementById(''code_text'').value);
return true ;
}
</script>
</head>
<body scroll="no" style="OVERFLOW: hidden">
<table height="100%" width="95%" align="center">
<tr height="40">
<td><span fckLang="CodeDlgName"></span></td>
<td>
<select id="code_type">
<option selected="selected">java</option>
<option>ruby</option>
<option>python</option>
<option>c/c++</option>
<option>c#</option>
<option>sql</option>
<option>xml</option>
<option>css</option>
<option>javascript</option>
</select>
</td>
</td>
</tr>
<tr valign="top">
<td><span fckLang="Code"></span></td>
<td><textarea id="code_text" cols="90" rows="20"></textarea></td>
</tr>
</table>
</body>
</html>FCKLang.CodeBtn = ''插入代码'' ;
FCKLang.Code = ''代码'';
FCKLang.CodeDlgTitle = ''插入代码'' ;
FCKLang.CodeDlgName = ''语言'' ;
FCKLang.CodeErrNoName = ''请输入代码'' ;//注册Code命令.
FCKCommands.RegisterCommand( ''Code'', new FCKDialogCommand( ''Code'', FCKLang.CodeDlgTitle, FCKPlugins.Items[''code''].Path + ''fck_code.html'', 340, 170 ) ) ;
如上面代码所示，首先要加载自己定义的FCKeditor配置文件，就是我们刚才写的fckcustom.js文件，加外，我们在上面已经在自定义的ToolbarSets ---“Plugin”中加入了自定义的”Code”工具栏按钮，所以我们只要在FCKeditor中指定使用”Plugin”这一个工具栏设置就可以了。
注意工具栏右下角的”码”工具栏按钮，就是自己定义的按钮，”码”为code.gif图片内容。