FCKeditor 2.6 安装配置使用指南(asp)
生活随笔
收集整理的這篇文章主要介紹了
FCKeditor 2.6 安装配置使用指南(asp)
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
fckeditor的官方網(wǎng)站去下載最新版本:
http://www.fckeditor.net/
和其他腳本類(lèi)的程序一樣,fckeditor的安裝其實(shí)就是源代碼的拷貝。我們按照官方的方法,在網(wǎng)站根目錄下建立fckeditor這樣一個(gè)文件夾,然后把下載下來(lái)的文件包釋放到該文件夾中。
安裝好后,就是配置和使用了,我只對(duì)一般的使用(asp環(huán)境)進(jìn)行了配置,源文件的精簡(jiǎn),復(fù)雜應(yīng)用不去管它。配置時(shí)需要改動(dòng)幾個(gè)文件,我們按功能來(lái)分,不按文件來(lái)分,這樣讀者更容易明白。
1、默認(rèn)語(yǔ)言
打開(kāi)fckconfig.js文件(相對(duì)fckeditor文件夾,以下同),把自動(dòng)檢測(cè)語(yǔ)言改為不檢測(cè),把默認(rèn)語(yǔ)言改為簡(jiǎn)體中文:
程序代碼
fckconfig.autodetectlanguage = false ;
fckconfig.defaultlanguage = 'zh-cn' ;
2、字體列表
打開(kāi)fckconfig.js文件,在字體列表中添加常用的“宋體;黑體;隸書(shū);楷體_gb2312”:
程序代碼
fckconfig.fontnames = '宋體;黑體;隸書(shū);楷體_gb2312;arial;comic sans ms;courier new;tahoma;times new roman;verdana' ;
3、文件上傳
fckeditor的文件管理程序在filemanager文件夾中,又分為瀏覽(browser)和上傳(upload)兩種。瀏覽是指瀏覽服務(wù)器文件并可以選擇,也可以上傳本地文件至服務(wù)器;上傳是指快速上傳(quickupload),在窗口中點(diǎn)“上傳”選項(xiàng)卡打開(kāi)就是,跟我們使用的ubb編輯器有點(diǎn)相似,選擇本地文件后上傳就行。
也就是說(shuō)fckeditor中有一個(gè)文件瀏覽,有兩個(gè)文件上傳,而這些設(shè)置有些在一個(gè)文件中,有的則在多個(gè)文件中。比較復(fù)雜,改動(dòng)比較多,我們?cè)俜謳讉€(gè)小點(diǎn)兒來(lái)說(shuō)。
①打開(kāi)和關(guān)閉文件瀏覽和上傳功能
有三個(gè)文件跟這個(gè)開(kāi)關(guān)有關(guān)系,一個(gè)是js文件,兩個(gè)是asp文件,前者關(guān)閉后界面中不出現(xiàn)相關(guān)窗口或按鈕,后者關(guān)閉后相關(guān)功能不可用。
首先是fckconfig.js文件,以下內(nèi)容設(shè)為true為開(kāi),false則為關(guān)。
文件瀏覽和瀏覽中上傳功能:
程序代碼
fckconfig.linkbrowser = false ;
fckconfig.imagebrowser = false ;
fckconfig.flashbrowser = false ;
文件快速上傳功能:
程序代碼
fckconfig.linkupload = true ;
fckconfig.imageupload = true ;
fckconfig.flashupload = true ;
其次設(shè)置兩個(gè)asp文件:
editor\filemanager\browser\default\connectors\asp\config.asp
程序代碼
configisenabled = false
表示文件瀏覽關(guān)閉
editor\filemanager\browser\default\connectors\asp\config.asp
程序代碼
configisenabled = true
表示文件快速上傳打開(kāi)
②文件上傳
上傳的路徑設(shè)置:
打開(kāi)文件editor\filemanager\browser\default\connectors\asp\config.asp:
程序代碼
configuserfilespath = "/userfiles/"
我的文件目錄在http://www.ie521.com/userfiles/下面,就照以上設(shè)置。
如果在本地測(cè)試這個(gè)網(wǎng)站在虛擬目錄test中,則應(yīng)該設(shè)置為:
程序代碼
configuserfilespath = "/test/userfiles/"
現(xiàn)在測(cè)試一下,點(diǎn)擊“上傳至服務(wù)器”的按鈕后沒(méi)有任何反應(yīng)。這就是因?yàn)閒ckconfig.js文件中把默認(rèn)語(yǔ)言"php"改成"asp".
程序代碼
var _filebrowserlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _quickuploadlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
④上傳文件名自動(dòng)更名
fckeditor不支持中文文件名稱(chēng),所以我們要讓文件存入服務(wù)器時(shí)更改名稱(chēng)。由于有兩個(gè)上傳的地方,而且所用文件不同,所以?xún)蓚€(gè)文件應(yīng)該同時(shí)改,我們先來(lái)看看快速上傳的文件,打開(kāi)editor\filemanager\browser\default\connectors\asp\upload.asp,在文件最后添加以下函數(shù):
我是在fileupload sresourcetype, scurrentfolder, scommand下面加的這個(gè)函數(shù)~
程序代碼
public function getnewfilename()
dim rannum
dim dtnow
dtnow=now()
randomize
rannum=int(90*rnd)+10
getnewfilename=year(dtnow) & right("0" & month(dtnow),2) & right("0" & day(dtnow),2) & right("0" & hour(dtnow),2) & right("0" & minute(dtnow),2) & right("0" & second(dtnow),2) & rannum
end function
我們用年月日時(shí)分秒和兩位隨機(jī)數(shù)字來(lái)作為文件名,這樣既能夠分辨出文件上傳時(shí)間,也不容易重名。
然后仍然是這個(gè)文件editor\filemanager\editor\filemanager\connectors\asp\commands.asp,找到:
程序代碼
' get the uploaded file name.
sfilename = ouploader.file( "newfile" ).name
把它改為:
程序代碼
' get the uploaded file name.
sfilename = getnewfilename() &"."& split(ouploader.file( "newfile" ).name,".")(1)
最后一步:
在asp源程序中引用fckeditor編輯器
首先在asp頁(yè)面頂端插入服務(wù)器端包含語(yǔ)句:
程序代碼
<!--#include file="fckeditor/fckeditor.asp" -->
然后在表單里面添加以下代碼:
程序代碼
dim ofckeditor' 定義變量
set ofckeditor = new fckeditor' 類(lèi)的初始化
ofckeditor.basepath = "/fckeditor/"' 定義路徑(這是根路徑:/fckeditor/)
ofckeditor.basepath="fckeditor/"' 定義工具條(默認(rèn)為:default)
ofckeditor.toolbarset="basic"' 定義寬度(默認(rèn)寬度:100%)
ofckeditor.width="100%"' 定義高度(默認(rèn)高度:200)
ofckeditor.height=350' 輸入框的初始值
ofckeditor.value="這是示例文本。"
ofckeditor.create "fckeditor1"
這樣就在表單里面創(chuàng)建了一個(gè)隱藏的名稱(chēng)為content的輸入框,可以和其他表單元素一樣使用,例如用以下代碼取得該輸入框的值:
程序代碼
dim content
content= checkstr(request.form("fckeditor1"))
checkstr函數(shù)是自定義的一個(gè)函數(shù),防止里面含有sql非法字符,這個(gè)自定義的函數(shù)在我博客里也有:http://www.ie521.com/blog/article.asp?id=440
到此,你可以實(shí)現(xiàn)基本的功能了。當(dāng)然fckeditor功能非常強(qiáng)大,這就要自己慢慢研究吧。`
-----
注:以上的配置均在fckeditor 2.6 下測(cè)試過(guò)。
相關(guān)鏈接: fckeditor 2.6 上傳圖片時(shí)javascript報(bào)錯(cuò):沒(méi)有權(quán)限[所有版本解決方法] http://www.ie521.com/blog/article.asp?id=444
http://www.fckeditor.net/
和其他腳本類(lèi)的程序一樣,fckeditor的安裝其實(shí)就是源代碼的拷貝。我們按照官方的方法,在網(wǎng)站根目錄下建立fckeditor這樣一個(gè)文件夾,然后把下載下來(lái)的文件包釋放到該文件夾中。
安裝好后,就是配置和使用了,我只對(duì)一般的使用(asp環(huán)境)進(jìn)行了配置,源文件的精簡(jiǎn),復(fù)雜應(yīng)用不去管它。配置時(shí)需要改動(dòng)幾個(gè)文件,我們按功能來(lái)分,不按文件來(lái)分,這樣讀者更容易明白。
1、默認(rèn)語(yǔ)言
打開(kāi)fckconfig.js文件(相對(duì)fckeditor文件夾,以下同),把自動(dòng)檢測(cè)語(yǔ)言改為不檢測(cè),把默認(rèn)語(yǔ)言改為簡(jiǎn)體中文:
程序代碼
fckconfig.autodetectlanguage = false ;
fckconfig.defaultlanguage = 'zh-cn' ;
2、字體列表
打開(kāi)fckconfig.js文件,在字體列表中添加常用的“宋體;黑體;隸書(shū);楷體_gb2312”:
程序代碼
fckconfig.fontnames = '宋體;黑體;隸書(shū);楷體_gb2312;arial;comic sans ms;courier new;tahoma;times new roman;verdana' ;
3、文件上傳
fckeditor的文件管理程序在filemanager文件夾中,又分為瀏覽(browser)和上傳(upload)兩種。瀏覽是指瀏覽服務(wù)器文件并可以選擇,也可以上傳本地文件至服務(wù)器;上傳是指快速上傳(quickupload),在窗口中點(diǎn)“上傳”選項(xiàng)卡打開(kāi)就是,跟我們使用的ubb編輯器有點(diǎn)相似,選擇本地文件后上傳就行。
也就是說(shuō)fckeditor中有一個(gè)文件瀏覽,有兩個(gè)文件上傳,而這些設(shè)置有些在一個(gè)文件中,有的則在多個(gè)文件中。比較復(fù)雜,改動(dòng)比較多,我們?cè)俜謳讉€(gè)小點(diǎn)兒來(lái)說(shuō)。
①打開(kāi)和關(guān)閉文件瀏覽和上傳功能
有三個(gè)文件跟這個(gè)開(kāi)關(guān)有關(guān)系,一個(gè)是js文件,兩個(gè)是asp文件,前者關(guān)閉后界面中不出現(xiàn)相關(guān)窗口或按鈕,后者關(guān)閉后相關(guān)功能不可用。
首先是fckconfig.js文件,以下內(nèi)容設(shè)為true為開(kāi),false則為關(guān)。
文件瀏覽和瀏覽中上傳功能:
程序代碼
fckconfig.linkbrowser = false ;
fckconfig.imagebrowser = false ;
fckconfig.flashbrowser = false ;
文件快速上傳功能:
程序代碼
fckconfig.linkupload = true ;
fckconfig.imageupload = true ;
fckconfig.flashupload = true ;
其次設(shè)置兩個(gè)asp文件:
editor\filemanager\browser\default\connectors\asp\config.asp
程序代碼
configisenabled = false
表示文件瀏覽關(guān)閉
editor\filemanager\browser\default\connectors\asp\config.asp
程序代碼
configisenabled = true
表示文件快速上傳打開(kāi)
②文件上傳
上傳的路徑設(shè)置:
打開(kāi)文件editor\filemanager\browser\default\connectors\asp\config.asp:
程序代碼
configuserfilespath = "/userfiles/"
我的文件目錄在http://www.ie521.com/userfiles/下面,就照以上設(shè)置。
如果在本地測(cè)試這個(gè)網(wǎng)站在虛擬目錄test中,則應(yīng)該設(shè)置為:
程序代碼
configuserfilespath = "/test/userfiles/"
現(xiàn)在測(cè)試一下,點(diǎn)擊“上傳至服務(wù)器”的按鈕后沒(méi)有任何反應(yīng)。這就是因?yàn)閒ckconfig.js文件中把默認(rèn)語(yǔ)言"php"改成"asp".
程序代碼
var _filebrowserlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _quickuploadlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
④上傳文件名自動(dòng)更名
fckeditor不支持中文文件名稱(chēng),所以我們要讓文件存入服務(wù)器時(shí)更改名稱(chēng)。由于有兩個(gè)上傳的地方,而且所用文件不同,所以?xún)蓚€(gè)文件應(yīng)該同時(shí)改,我們先來(lái)看看快速上傳的文件,打開(kāi)editor\filemanager\browser\default\connectors\asp\upload.asp,在文件最后添加以下函數(shù):
我是在fileupload sresourcetype, scurrentfolder, scommand下面加的這個(gè)函數(shù)~
程序代碼
public function getnewfilename()
dim rannum
dim dtnow
dtnow=now()
randomize
rannum=int(90*rnd)+10
getnewfilename=year(dtnow) & right("0" & month(dtnow),2) & right("0" & day(dtnow),2) & right("0" & hour(dtnow),2) & right("0" & minute(dtnow),2) & right("0" & second(dtnow),2) & rannum
end function
我們用年月日時(shí)分秒和兩位隨機(jī)數(shù)字來(lái)作為文件名,這樣既能夠分辨出文件上傳時(shí)間,也不容易重名。
然后仍然是這個(gè)文件editor\filemanager\editor\filemanager\connectors\asp\commands.asp,找到:
程序代碼
' get the uploaded file name.
sfilename = ouploader.file( "newfile" ).name
把它改為:
程序代碼
' get the uploaded file name.
sfilename = getnewfilename() &"."& split(ouploader.file( "newfile" ).name,".")(1)
最后一步:
在asp源程序中引用fckeditor編輯器
首先在asp頁(yè)面頂端插入服務(wù)器端包含語(yǔ)句:
程序代碼
<!--#include file="fckeditor/fckeditor.asp" -->
然后在表單里面添加以下代碼:
程序代碼
dim ofckeditor' 定義變量
set ofckeditor = new fckeditor' 類(lèi)的初始化
ofckeditor.basepath = "/fckeditor/"' 定義路徑(這是根路徑:/fckeditor/)
ofckeditor.basepath="fckeditor/"' 定義工具條(默認(rèn)為:default)
ofckeditor.toolbarset="basic"' 定義寬度(默認(rèn)寬度:100%)
ofckeditor.width="100%"' 定義高度(默認(rèn)高度:200)
ofckeditor.height=350' 輸入框的初始值
ofckeditor.value="這是示例文本。"
ofckeditor.create "fckeditor1"
這樣就在表單里面創(chuàng)建了一個(gè)隱藏的名稱(chēng)為content的輸入框,可以和其他表單元素一樣使用,例如用以下代碼取得該輸入框的值:
程序代碼
dim content
content= checkstr(request.form("fckeditor1"))
checkstr函數(shù)是自定義的一個(gè)函數(shù),防止里面含有sql非法字符,這個(gè)自定義的函數(shù)在我博客里也有:http://www.ie521.com/blog/article.asp?id=440
到此,你可以實(shí)現(xiàn)基本的功能了。當(dāng)然fckeditor功能非常強(qiáng)大,這就要自己慢慢研究吧。`
-----
注:以上的配置均在fckeditor 2.6 下測(cè)試過(guò)。
相關(guān)鏈接: fckeditor 2.6 上傳圖片時(shí)javascript報(bào)錯(cuò):沒(méi)有權(quán)限[所有版本解決方法] http://www.ie521.com/blog/article.asp?id=444
轉(zhuǎn)載于:https://www.cnblogs.com/enterBeijingThreetimes/archive/2008/09/01/1281533.html
總結(jié)
以上是生活随笔為你收集整理的FCKeditor 2.6 安装配置使用指南(asp)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: VS2008 在IE中 调试 Activ
- 下一篇: Solaris ALOM1.6 SC P