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