通過Fckeditor把圖片上傳到獨(dú)立圖片服務(wù)器的方法
我大概思考了下有如下幾種方法可以解決:
1.在圖片服務(wù)器上開通FTP,人為添加圖片地址即可,但不方便,特別是在可視編輯器中看圖還的多一部操作.
2.在圖片服務(wù)器上開通FTP,并提高IIS執(zhí)行dosShell訪問ftp,但是不安全.
3.在圖片服務(wù)器上開通IIS,WEB后臺直接訪問(還是存在在編輯器中不方便查看的問題,但可以用js控制上傳后自動追加到HTML編輯窗口中)
4.利用現(xiàn)有在線編輯器的上傳程序來實(shí)現(xiàn).
第三,四種方法比較靠譜,但還需要解決跨域問題,第三種還要單獨(dú)寫程序,改動比較大,用第四種最理想.
那么怎么樣才能實(shí)現(xiàn)呢?我以前用的后臺編輯器是dvbbs的后臺編輯器,這次我改用FCKeditor,可我不是很熟悉,搗鼓了一天,終于試驗(yàn)成功了.方法如下:
1.在圖片服務(wù)器(img.jb51.net)和后臺服務(wù)器(gl.cdbs.com.cn).上都安裝FCKeditor.(實(shí)際上gl.cdbs.com.cn上只需要fckeditor.asp,因?yàn)閍sp不能include外網(wǎng)文件)
2.在后臺程序中設(shè)置sBasePath=http://img1.cdbs.com.cn/fckeditor/后,才建立編輯器).可以直接調(diào)用圖片服務(wù)器的編輯器.
<%
Dim sBasePath
sBasePath="http://img.jb51.net/fckeditor/"
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = sBasePath
oFCKeditor.Config("SkinPath") = sBasePath + "editor/skins/silver/" '設(shè)置皮膚
'oFCKeditor.Width="80%"
oFCKeditor.Height="400px"
oFCKeditor.Value = ""
oFCKeditor.Create "FCKeditor1"
%>
3.主要修改"img.jb51.net/FCKeidtor/fckconfig.js"文件
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
4.修改"img.jb51.net/fckeditor/editor/filemanager/connectors/asp/config.asp"配置文件,
ConfigIsEnabled = true '首先要開啟配置.
5.解決跨域訪問.不過可以設(shè)置"document.domain='cdbs.com.cn';"來解決.域名完全不同也有相應(yīng)的方法,
6.還需要解決安全問題,這個可以通過跨站cookies來判斷是否有權(quán)限上傳(待完成).
最終實(shí)現(xiàn)了,在后臺編輯器中上傳圖片到相應(yīng)的圖片服務(wù)器,圖片地址是相對地址,我們可以通過保存當(dāng)前是哪組圖片服務(wù)器來區(qū)分.例"新聞發(fā)布"等模塊就可以這么做,但是對于其他模塊如:圖片展示模塊,音樂專輯模塊等,一個標(biāo)題下就存在多個媒體文件,那么還是需要獨(dú)立寫程序來完成.那么又怎么實(shí)現(xiàn)了?
- CKEditor4配置與開發(fā)詳細(xì)中文說明文檔
- 網(wǎng)頁編輯器FCKeditor 2.6.4精簡配置方法
- php版本CKEditor 4和CKFinder安裝及配置方法圖文教程
- 手把手教你 CKEDITOR 4 擴(kuò)展插件制作
- 手把手教你 CKEDITOR 4 實(shí)現(xiàn)Dialog 內(nèi)嵌 IFrame操作詳解
- CKEditor 4.4.1 添加代碼高亮顯示插件功能教程【使用官方推薦Code Snippet插件】
- ckeditor的使用和配置方法分享
- PHP CKEditor 上傳圖片實(shí)現(xiàn)代碼
- CKEditor網(wǎng)頁編輯器 中文使用說明
- 限制ckeditor上傳圖片文件大小的方法
- CKeditor4 字體顏色功能配置方法教程
相關(guān)文章
asp.net+FCKeditor上傳圖片顯示叉叉圖片無法顯示的問題的解決方法
今天用FCKeditor上傳圖片的時候,圖片可以上傳成功,可是預(yù)覽的時候卻顯示個叉叉,前臺也是顯示不出來,原來服務(wù)器需要配置下。2011-07-07
FCK編輯器(FCKEditor)添加新按鈕和功能的修改方法
最近項(xiàng)目需要對已有的FCKeditor添加新的功能,以前的做法只是在外殼處再次封裝,這次無法滿足需求只能進(jìn)行內(nèi)部修改了。2010-11-11
kindSoft在線網(wǎng)頁編輯器簡單的配置參數(shù)介紹
對于網(wǎng)頁編輯器對做項(xiàng)目的時候是非常的又用的一個編輯器,大大的減輕了開發(fā)人員的負(fù)擔(dān),感覺KindSoft是一個不錯的選擇,因此也在不斷的使用接下來介紹參數(shù)配置,需要的朋友可以了解下2013-01-01
ueditor1.2.1修改超鏈接默認(rèn)值,ueditor編輯器新窗口打開連接
這篇文章主要介紹了ueditor1.2.1修改超鏈接默認(rèn)值,ueditor編輯器新窗口打開連接的設(shè)置方法2014-07-07
FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合方法,里面有下載,可以根據(jù)需要結(jié)合自己的fckeditor版本。2010-04-04
Ueditor和CKeditor 兩款編輯器的使用與配置方法
這篇文章主要介紹了Ueditor和CKeditor 兩款編輯器的使用與配置方法,需要的朋友可以參考下2017-03-03

