探讨fckeditor在Php中的配置详解

第二步，在文件的js代码区中加入：

复制代码 代码如下:
// add by jayliaoscu @ 2007-04-23 /*{{{{*/
// 显示文件显示层
function showDiv( fileUrl )
{
var name = fileUrl;
//获取文件类型
var suffix = name.substring(name.lastIndexOf(".")+1);

var div= document.getElementById("showFile");
div.content = "";
div.style.position = "absolute";
div.content += "<table width=''256'' border=''0'' cellpadding=''3'' cellspacing=''1'' bgcolor=''#737357''><tbody><tr><td height=''23'' align=''left'' bgcolor=''#C7C78F''><table width=''100%'' height=''100%'' border=''0'' cellpadding=''0'' cellspacing=''0''><tbody><tr><td width=''47%''> <a href=''javascript:'' onClick=''hiddenDiv();''><font color=''#000000'' style=''text-decoration:none;''>关闭</font></a></td><td width=''53%'' align=''right''><a href=''javascript:'' onclick=''delFile(/"" + fileUrl + "/");''><font color=''#000000'' style=''text-decoration:none;''>删除</font></a> </td></tr></tbody></table></td></tr>";
if (suffix==''gif'' || suffix=="jpg" || suffix=="jpeg" || suffix=="bmp" || suffix=="png")
{
　div.content += "<tr><td align=''center'' bgcolor=''#C7C78F''><img src=''" + fileUrl + "'' onload=''if(this.width>250) this.width=250'' style=''margin:3px;''></td></tr>";
}
else
{
　div.content += "<tr><td height=''35'' align=''center'' bgcolor=''#C7C78F''><strong>该类型不能预览</strong></td></tr>";
}
div.content += "</tbody></table>";
div.innerHTML = div.content;
div.style.display = "";
div.style.top = event.y+document.body.scrollTop+10;
div.style.left = event.x+document.body.scrollLeft+30;
}
// 隐藏文件显示层
function hiddenDiv()
{
var div= document.getElementById("showFile");
div.style.display ="none";
}
// 在iframe中删除文件
function delFile( fileUrl )
{
if(!confirm(''你确定删除该文件？''))
return;
var url = ''/fckeditor/del_file.php?filePath=''+ fileUrl;
window.open(url, "iframe_del");
Refresh();
}
///*}}}*/

第三步，修改本页面原有js
修改：
复制代码 代码如下:
oListManager.Clear = function()
{
document.body.innerHTML = '''' ;
}

为：
复制代码 代码如下:
oListManager.Clear = function()
{
hiddenDiv();
document.getElementById("body_content").innerHTML = '''' ; // body_content为我们在body区域增加的div标签
}

找到：
复制代码 代码如下:
var sLink = ''<a href="#" onclick="OpenFile(/'''' + fileUrl.replace( /''/g, ''///'''') + ''/'');return false;">'' ;

修改为：
复制代码 代码如下:
var sLink = ''<a href="#" onmouseover="showDiv(/'''' + fileUrl + ''/'');" onclick="OpenFile(/'''' + fileUrl.replace( /''/g, ''///'''') + ''/'');return false;">'' ; // 即是文件信息显示功能

修改：
复制代码 代码如下:
function Refresh()
{
LoadResources( oConnector.ResourceType, oConnector.CurrentFolder ) ;
}

为：
复制代码 代码如下:
function Refresh()
{
hidd