fckeditorforjava
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="noindex, nofollow" name="robots" />
<script src="common/fck_dialog_common.js" type="text/javascript"></script>
<script type="text/javascript">
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>
<body style="overflow: hidden">
<table width="100%" style="height: 100%">
<tr>
<td align="center">
請輸入文字:
<input id="txtName" type="text" />
</td>
</tr>
</table>
</body>
</html>