FCKeditor 2.6 安裝配置使用指南(asp)

fckeditor的官方網站去下載最新版本：
http://www.fckeditor.net/
和其他指令碼類的程式一樣，fckeditor的安裝其實就是原始碼的拷貝。我們按照官方的方法，在網站根目錄下建立fckeditor這樣一個檔案夾，然後把下載下來的檔案包釋放到該檔案夾中。
安裝好後，就是配置和使用了，我只對一般的使用（asp環境）進行了配置，源檔案的精簡，複雜應用不去管它。配置時需要改動幾個檔案，我們按功能來分，不按檔案來分，這樣讀者更容易明白。

1、預設語言
開啟fckconfig.js檔案（相對fckeditor檔案夾，以下同），把自動檢測語言改為不檢測，把預設語言改為簡體中文：

程式碼

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)兩種。瀏覽是指瀏覽伺服器檔案並可以選擇，也可以上傳本地檔案至伺服器；上傳是指快速上傳(quickupload)，在視窗中點“上傳”選項卡開啟就是，跟我們使用的ubb編輯器有點相似，選擇本地檔案後上傳就行。
也就是說fckeditor中有一個檔案瀏覽，有兩個檔案上傳，而這些設定有些在一個檔案中，有的則在多個檔案中。比較複雜，改動比較多，我們再分幾個小點兒來說。

①開啟和關閉檔案瀏覽和上傳功能
有三個檔案跟這個開關有關係，一個是js檔案，兩個是asp檔案，前者關閉後介面中不出現相關視窗或按鈕，後者關閉後相關功能不可用。
首先是fckconfig.js檔案，以下內容設為true為開，false則為關。
檔案瀏覽和瀏覽中上傳功能：

程式碼

fckconfig.linkbrowser = false ;
fckconfig.imagebrowser = false ;
fckconfig.flashbrowser = false ;

檔案快速上傳功能：

程式碼

fckconfig.linkupload = true ;
fckconfig.imageupload = true ;
fckconfig.flashupload = true ;

其次設定兩個asp檔案：
editor\filemanager\browser\default\connectors\asp\config.asp

程式碼

configisenabled = false

表示檔案瀏覽關閉

editor\filemanager\browser\default\connectors\asp\config.asp

程式碼
configisenabled = true

表示檔案快速上傳開啟

②檔案上傳
上傳的路徑設定：
開啟檔案editor\filemanager\browser\default\connectors\asp\config.asp:

程式碼

configuserfilespath = "/userfiles/"

我的檔案目錄在http://www.ie521.com/userfiles/下面，就照以上設定。
如果在本地測試這個網站在虛擬目錄test中，則應該設定為：

程式碼
configuserfilespath = "/test/userfiles/"

現在測試一下，點擊“上傳至伺服器”的按鈕後沒有任何反應。這就是因為fckconfig.js檔案中把預設語言"php"改成"asp".

程式碼

var _filebrowserlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _quickuploadlanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py

④上傳檔案名稱自動更名
fckeditor不支援中文檔案名稱，所以我們要讓檔案存入伺服器時更改名稱。由於有兩個上傳的地方，而且所用檔案不同，所以兩個檔案應該同時改，我們先來看看快速上傳的檔案，開啟editor\filemanager\browser\default\connectors\asp\upload.asp，在檔案最後添加以下函數：

我是在fileupload sresourcetype, scurrentfolder, scommand下面加的這個函數~

程式碼

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

我們用年月日時分秒和兩位隨機數字來作為檔案名稱，這樣既能夠分辨出檔案上傳時間，也不容易重名。

然後仍然是這個檔案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頁面頂端插入伺服器端包含語句：

程式碼
<!--#include file="fckeditor/fckeditor.asp" -->

然後在表單裡面添加以下代碼：

程式碼

dim ofckeditor' 定義變數
set ofckeditor = new fckeditor' 類的初始化
ofckeditor.basepath = "/fckeditor/"' 定義路徑（這是根路徑：/fckeditor/）
ofckeditor.basepath="fckeditor/"' 定義工具條（預設為：default）
ofckeditor.toolbarset="basic"' 定義寬度（預設寬度：100%）
ofckeditor.width="100%"' 定義高度（預設高度：200）
ofckeditor.height=350' 輸入框的初始值
ofckeditor.value="這是樣本文本。"
ofckeditor.create "fckeditor1"

這樣就在表單裡面建立了一個隱藏的名稱為content的輸入框，可以和其他表單元素一樣使用，例如用以下代碼取得該輸入框的值：

程式碼

dim content
content= checkstr(request.form("fckeditor1"))

checkstr函數是自訂的一個函數，防止裡面含有sql非法字元，這個自訂的函數在我部落格裡也有：http://www.ie521.com/blog/article.asp?id=440

到此，你可以實現基本的功能了。當然fckeditor功能非常強大，這就要自己慢慢研究吧。`

-----
註：以上的配置均在fckeditor 2.6 下測試過。

相關連結： fckeditor 2.6 上傳圖片時javascript報錯：沒有許可權[所有版本解決方案] http://www.ie521.com/blog/article.asp?id=444