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='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'>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%'> <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> </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"> ' +
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> ' +
sLink +
fileName +
'<\/a>' +
'<\/td><td align="right" nowrap> ' +
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
飞翔天使 阅读(1640)
评论(0) 编辑 收藏 所属分类:
ajax