随笔 - 147  文章 - 71  trackbacks - 0
<2011年10月>
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345

常用链接

留言簿(1)

随笔分类(146)

随笔档案(147)

文章分类(28)

文章档案(28)

喜欢的Blog

搜索

  •  

最新评论

阅读排行榜

评论排行榜

fck_docprops.html中出现start tag ([option]) not closed
在fck_docprops.html中将如下语句:“
<option value='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'>HTML 4.01 Transitional</option>”,改为:
<option value='&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;'>HTML 4.01 Transitional</option>

表单提交时中文乱码
request.setCharacterEncoding("gb2312");

上传中文文件名的文件会出现乱码
分别对SimpleUploaderServlet.java和ConnectorServlet.java做如下修改:
找到2个程序文件中的DiskFileUpload upload = new DiskFileUpload();,在该行下面添加upload.setHeaderEncoding("UTF-8");

添加字体
默认情况下,FCKEditor在进行文本编辑时,无法使用中文字体。
(1)打开 fckconfig.js 文件,将FCKConfig.FontNames   = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;修改为:FCKConfig.FontNames   = '宋体;黑体;幼圆;楷体_GB2312;仿宋_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
(2)打开editor/css/fck_editorarea.css 文件,将font-family: Arial, Verdana, sans-serif;修改为:font-family: 宋体, 黑体, 幼圆, 楷体, 仿宋, Arial, Verdana, sans-serif;

XML request error 404
将fckconfig.js文件中的
var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php | py
改成
var _FileBrowserLanguage = ‘jsp’ ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = ‘jsp’ ; // asp | aspx | cfm | lasso | perl | php | py  

图片预览中的英文如何去掉
在fckeditor/editor/dialog/fck_image下面的fck_image_preview.html中把英文去掉就可以了。
还有图片上传成功后弹出的提示框里面是英文,要想改成中文,在fckeditor/editor/dialog/fck_image下面的fck_image.js里面修改就OK了

中文文件在浏览器引用时会以uri格式(%)出现
在fckeditor/editor/filemanager/browser/default下面的fck_image_preview.html中把window.top.opener.SetUrl( encodeURI( fileUrl ).replace( '#', '%23' ) ) ;改为window.top.opener.SetUrl( fileUrl ) ;

Times附近有语法错误
http://www.blogjava.net/wangbbs2007/articles/298057.html
即“TImes……ROMAN”字体格式错误,这个错误是很多网页在线编辑器(如:FCK,FreeTextBox)的BUG
三种解决方法:
一、把要发布的内容粘贴到记事本里面,然后在粘贴到网页在线编辑器里面,这样可以避免格式错误。
二、以FreeTextBox为例,将FreeTextBox1.Text替换为FreeTextBox1.Text.Replace("'", "''")问题就可以得到解决,其他网页编辑器的方法也是一样的。
三、提供一种暂时的Client端的解决办法:发布内容时,会提示是否删除word格式,选“是”,并选择将Css,字体格式全部清除。
一种一劳永逸的办法,将FCKEditor1.value替换为FCKEDitor1.value.Replace("'","'")问题就可以解决,例如content = content.Replace("'", "''");

非空验证
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
function checkZSForm(){
    
var content = FCKeditorAPI.GetInstance("content").GetXHTML(true);
          
if(rbContent == null || rbContent == ""){
            alert(
"请输入内容");
        
return false;
    }
    document.form1.submit();    
//不为空则提交表单
}
</script>
content即FCK的实例名(instanceName)
页面中的表单内容:
<FCK:editor id="content" basePath="FCKeditor/" height="500">
</FCK:editor>

内容重置
function reset_fck(){
    
//form1.reset();
    FCKeditorAPI.GetInstance("content").EditorDocument.body.innerHTML="";
}
另外,fck工具栏第4个按钮,“新建”相当于“清空”。

添加删除上传到服务器上的文件(图片可预览)功能
参考:http://www.cnblogs.com/Ghost-Chow/archive/2009/10/15/1584052.html

修改:fckeditor/editor/filemanager/browser/default/frmresourceslist.html
在body区域增加如下代码:
<div id="showFile" style="float:left; display:none; background-color:#999999"></div>//作用是当鼠标移到所上传的文件时显示其相关信息
<iframe id="iframe_del" name="iframe_del" width="0" height="0" scrolling="no"></iframe>//作用是供我们删除上传文件时做动作响应窗口,即是将删除动作在iframe中运行,目的是实现伪无刷新删除效果
<div id="body_content"></div>//作用是显示上传文件及文件夹列表
(1) 在js代码区域中加入:
//显示文件显示层
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%'>&nbsp;<a href='javascript:void(0);' onClick='hiddenDiv();'><font color='#000000' style='text-decoration:none;'>关闭</font></a></td><td width='53%' align='right'><a href='javascript:void(0);' onClick='if (!confirm(\"确定要删除此文件夹及其子目录吗?\")){return false;}else{DelFile(\""+fileUrl+"\");}'><font color='#000000' style='text-decoration:none;'>删除</font></a>&nbsp;</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";
}
//====Add by BaoSight kwan==2011-03-18==start====
//
这里添加两个function,用于提交删除操作,在删除成功后刷新页面
function DelFile(fileUrl){
    
if ( fileUrl == null )
        
return;
    oConnector.SendCommand( 'DelFile', 'FileName
=+ encodeURI(encodeURI(fileUrl)) , DelFileCallBack ) ;
}
function DelFileCallBack(fckXml ){
    
if (oConnector.CheckError(fckXml ) == 0 )
    window.parent.frames['frmResourcesList'].Refresh() ;
}
//====Add by BaoSight kwan==2011-03-18== end ====
(2)  修改本页面原有js
oListManager.Clear = function()
{
    
//document.body.innerHTML = '' ;原有
     hiddenDiv();//修改的
     document.getElementById("body_content").innerHTML = '';//修改的
}

oListManager.GetFolderRowHtml 
= function( folderName, folderPath )
{
    
// Build the link to view the folder.
    var sLink = '<a href="#" onclick="OpenFolder(\'' + ProtectPath( folderPath ) + '\');return false;">' ;

    
return '<tr>+
            '
<td width="16">+
                sLink 
+
                '
<img alt="" src="images/Folder.gif" width="16" height="16" border="0"><\/a>+
            '
<\/td><td nowrap colspan="2">&nbsp;' +
                sLink 
+
                folderName 
+
                '
<\/a>+
        '
<\/td><td align="center" width="10%"><a href="#" onclick="if (!confirm(\'确定要删除此文件夹及其子目录吗?\')){return false;}else{DelFile(\''+ProtectPath( folderPath )+ '\');}">delete</a><\/td><\/tr>' ;
        
//====Add by BaoSight kwan==2011-03-18==start====
        //此function将在页面展示一级文件夹,这里添加执行删除文件夹的链接,就是添加一列<TD>
        //【】标记当中为添加内容(使用时将标记去掉即可)    
        //====Add by BaoSight kwan==2011-03-18== end ====
}

oListManager.GetFileRowHtml 
= function( fileName, fileUrl, fileSize )
{
    
// Build the link to view the folder.
    //var sLink = '<a href="#" onclick="OpenFile(\'' + ProtectPath( fileUrl ) + '\');return false;">' ;
var sLink = '<a href="#" onmouseover="showDiv(\''+ProtectPath(fileUrl)+'\');" onclick="OpenFile(\''+ProtectPath( fileUrl )+'\'); return false;">';//修改后


    
// Get the file icon.
    var sIcon = oIcons.GetIcon( fileName ) ;

    
return '<tr>+
            '
<td width="16">+
                sLink 
+
                '
<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"><\/a>+
            '
<\/td><td>&nbsp;' +
                sLink 
+
                fileName 
+
                '
<\/a>+
            '
<\/td><td align="right" nowrap>&nbsp;' +
                fileSize 
+
                ' KB' 
+'<\/td><td align="center" width="10%"><a href="#" onclick="if (!confirm(\'确定要删除此文件吗?\')){return false;}else{DelFile(\''+ProtectPath( fileUrl )+ '\');}">delete</a><\/td><\/tr>' ;
        
//====Add by BaoSight kwan==2011-03-18==start====
        //此function将在页面展示与一级文件夹同级的文件,这里添加执行删除文件的链接,同样是添加一列<TD>
        //【】标记当中为添加内容(使用时将标记去掉即可)    
        //====Add by BaoSight kwan==2011-03-18== end ====
}

function Refresh()
{
    
//LoadResources( oConnector.ResourceType, oConnector.CurrentFolder ) ;//原有
     hiddenDiv();//所作修改,为了刷新列表时默认隐藏文件显示层
     LoadResources( oConnector.ResourceType, oConnector.CurrentFolder );
}

修改函数:GetFoldersAndFilesCallBack 找到:
//document.body.innerHTML = oHtml.ToString() ;//原有
document.getElementById("body_content").innerHTML = oHtml.ToString() ;//修改后

FCKeditor添加删除功能.rar

另类技巧
修改Fckeditor图片上传功能:http://itxiaoqiang.iteye.com/blog/644756
导入word到Fckeditor:http://itxiaoqiang.iteye.com/blog/643684
支持中文图片名称方案:http://windywindy.iteye.com/blog/551458

posted on 2011-10-18 16:01 飞翔天使 阅读(1633) 评论(0)  编辑  收藏 所属分类: ajax

只有注册用户登录后才能发表评论。


网站导航: