佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > 修改fckeditor的文件上傳功能步驟

修改fckeditor的文件上傳功能步驟

熱門標(biāo)簽:檢查注冊表項(xiàng) 美圖手機(jī) 服務(wù)器配置 智能手機(jī) 銀行業(yè)務(wù) 網(wǎng)站文章發(fā)布 呼叫中心市場需求 鐵路電話系統(tǒng)
1、要點(diǎn)擊鏈接,然后點(diǎn)擊里面的上傳tab,不熟悉的人可能找不到這個上傳功能
2、插入的就是1個鏈接,我希望插入鏈接的同時(shí)插入1個圖片代表文件類型
效果圖:


修改fckconfig.js
1. 在FCKConfig.ToolbarSets["Default"] = 中加入'FuJian',位置自己選
2. 最后加上2句
// 附件上傳地址
FCKConfig.FuJianUrl = "/FckEdit/upload.jsp";
// 上傳的文件類型
FCKConfig.FuJianAllowedExtensions = ".(doc|xls|ppt|pdf|rar|zip)$";
3. 在對應(yīng)的語言包中加上:
FuJian : "附件"
4. 修改JS/fckeditorcode_gecko.js 和JS/fckeditorcode_ie.js
注:這2個文件是被壓縮過的,在netbeans中點(diǎn)擊格式化代碼就會解壓縮。
5. 在文件中找到:case 'Image':B=new FCKDialogCommand('Image',FCKLang.DlgImgTitle,'dialog/fck_image.html',450,390);
在這句前面加上:
case 'FuJian':B=new FCKDialogCommand('FuJian',FCKLang.FuJian,'dialog/fck_fujian.html',450,200);break;
(這句表示點(diǎn)擊"附件"按鈕的時(shí)候要彈出dialog/fck_fujian.html頁面,450,200分別是寬,高)。
再找
case 'Image':B=new FCKToolbarButton('Image',FCKLang.InsertImageLbl,FCKLang.InsertImage,null,false,true,37);
在前面加上:
case 'FuJian':B=new FCKToolbarButton('FuJian',FCKLang.FuJian,null,null,false,true,77);break;
77是附件在工具欄上要顯示的圖標(biāo)的索引,
圖標(biāo)文件在:editor/skins/default/fck_strip.gif 文件,圖標(biāo)都是16×16的.
到這里按鈕已經(jīng)能顯示出來了,下面是fck_image.html的代碼:
復(fù)制代碼 代碼如下:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
html>
head>
title>Upload/title>
meta name="robots" content="noindex, nofollow" />
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
script src="common/fck_dialog_common.js" src="common/fck_dialog_common.js" type="text/javascript">/script>
script src="fck_fujian/fck_fujian.js" src="fck_fujian/fck_fujian.js" type="text/javascript">/script>
/head>
body scroll="no" style="OVERFLOW: hidden" style="OVERFLOW: hidden">
div id="divUpload" style="DISPLAY: none" style="DISPLAY: none">
form id="frmUpload" method="post" target="UploadWindow" enctype="multipart/form-data" action="" onsubmit="return CheckUpload();">
span fckLang="DlgLnkUpload">選擇上傳的文件/span>br />
input id="txtUploadFile" style="WIDTH: 100%" type="file" size="40" name="NewFile" />br />
br />
input id="btnUpload" type="submit" value="上傳" fckLang="DlgLnkBtnUpload" />
script type="text/javascript">!--
document.write( 'iframe name="UploadWindow" style="display: none" style="display: none" src="' + FCKTools.GetVoidUrl() + '" src="' + FCKTools.GetVoidUrl() + '">\/iframe>' ) ;

// -->/script>
/form>
/div>
/body>
/html>

fck_fujian.js代碼:
復(fù)制代碼 代碼如下:

/*
* 功能:上傳附件
*/
// 顯示頁面
var dialog = window.parent ;
var oEditor = dialog.InnerDialogLoaded() ;
var FCK = oEditor.FCK ;
var FCKLang = oEditor.FCKLang ;
var FCKConfig = oEditor.FCKConfig ;
var FCKRegexLib = oEditor.FCKRegexLib ;
var FCKTools = oEditor.FCKTools ;

dialog.AddTab('Upload', FCKLang.FuJian,true) ;
window.onload = function(){
GetE('frmUpload').action = FCKConfig.FuJianUrl;
// 顯示
GetE('divUpload').style.display = '' ;
}

var oUploadAllowedExtRegex = new RegExp( FCKConfig.FuJianAllowedExtensions, 'i' ) ;
function CheckUpload(){
var sFile = GetE('txtUploadFile').value ;
if ( sFile.length == 0 ){
alert( '請選擇1個文件上傳' ) ;
return false ;
}
if ( FCKConfig.FuJianAllowedExtensions.length > 0 !oUploadAllowedExtRegex.test( sFile ))
{
OnUploadCompleted( 202 ) ;
return false ;
}
// Show animation
window.parent.Throbber.Show( 100 ) ;
GetE( 'divUpload' ).style.display = 'none' ;
return true ;
}
// 上傳完畢
function OnUploadCompleted( errorNumber, fileUrl, fileName, customMsg){
// Remove animation
window.parent.Throbber.Hide() ;
GetE( 'divUpload' ).style.display = '' ;
switch (errorNumber){
case 0 : // No errors
//alert( 'Your file has been successfully uploaded' ) ;
insertFile(fileUrl,fileName)
break ;
case 1 : // Custom error
alert( customMsg ) ;
return ;
case 101 : // Custom warning
alert( customMsg ) ;
break ;
case 201 :
alert( 'A file with the same name is already available. The uploaded file has been renamed to "' + fileName + '"' ) ;
break ;
case 202 :
alert( '不支持的文件類型' ) ;
return ;
case 203 :
alert( "Security error. You probably don't have enough permissions to upload. Please check your server." ) ;
return ;
case 500 :
alert( 'The connector is disabled' ) ;
break ;
default :
alert( 'Error on file upload. Error number: ' + errorNumber ) ;
return ;
}
}
function insertFile(fileUrl,fileName){
imgPath = getFileImg(fileName);
// 插入HTML
var html = "div>img src="" + imgPath + "" src="" + imgPath + "" /> a href="" + fileUrl + "" href="" + fileUrl + "">" + fileName +"/a>/div>";
oEditor.FCK.InsertHtml(html);
// 關(guān)閉頁面
dialog.Cancel();
}
function getFileImg(fileName){
var path = FCKConfig.BasePath + "file/";
index = fileName.lastIndexOf(".");
if(index == -1)
return path + "unknow.gif";
ext = fileName.substr(index+1);
switch(ext.toLowerCase()){
case "doc":
path += "doc.gif"
break;
case "pdf":
path += "pdf.gif"
break;
case "ppt":
path += "ppt.gif"
break;
case "xls":
path += "xls.gif"
break;
case "rar":
path += "rar.gif"
break;
case "zip":
path += "zip.gif"
break;
default:
path += "unknow.gif"
break;
}
return path;
}
您可能感興趣的文章:
  • CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)
  • 解決FCKEditor在IE10、IE11下的不兼容問題
  • FCKeditor使用方法(FCKeditor_2.6.3)詳細(xì)使用說明
  • asp.net+FCKeditor上傳圖片顯示叉叉圖片無法顯示的問題的解決方法
  • ckeditor的使用和配置方法分享
  • ASP FCKeditor在線編輯器使用方法
  • 整合ckeditor+ckfinder,解決上傳文件路徑問題
  • FckEditor 配置手冊中文教程詳細(xì)說明
  • asp.net CKEditor和CKFinder的應(yīng)用
  • PHP CKEditor 上傳圖片實(shí)現(xiàn)代碼
  • CKEditor網(wǎng)頁編輯器 中文使用說明
  • FCKeditor2.3 For PHP 詳細(xì)整理的使用參考
  • javascript獲取ckeditor編輯器的值(實(shí)現(xiàn)代碼)
  • asp.net ckeditor編輯器的使用方法
  • 通過Fckeditor把圖片上傳到獨(dú)立圖片服務(wù)器的方法
  • 關(guān)于CKeditor的非主流個性應(yīng)用的設(shè)置
  • asp中的ckEditor的詳細(xì)配置小結(jié)
  • CKEditor4配置與開發(fā)詳細(xì)中文說明文檔

標(biāo)簽:河南 樂山 長治 滄州 上海 沈陽 新疆 紅河

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《修改fckeditor的文件上傳功能步驟》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    奎屯市| 广水市| 潍坊市| 名山县| 元江| 柳州市| 宜春市| 繁峙县| 渭源县| 寿宁县| 阳泉市| 安乡县| 靖宇县| 临沧市| 磐石市| 枝江市| 建水县| 灵台县| 柏乡县| 乌拉特中旗| 和平区| 彰武县| 广平县| 宁强县| 华阴市| 双桥区| 北海市| 洞头县| 黄骅市| 德昌县| 邵武市| 澳门| 育儿| 阿拉善右旗| 肇庆市| 静海县| 云霄县| 弋阳县| 宜阳县| 广南县| 綦江县|