javascript擷取FCKeditor內容

形式如：

varoEditor=FCKeditorAPI.GetInstance('content');
varcontent=oEditor.GetXHTML(true);

*************************************************

利用Javascript取和設FCKeditor值也是非常容易的，如下：

// 擷取編輯器中HTML內容
function getEditorHTMLContents(EditorName) {
    var oEditor = FCKeditorAPI.GetInstance(EditorName);
    return(oEditor.GetXHTML(true));
}

// 擷取編輯器中文字內容
function getEditorTextContents(EditorName) {
    var oEditor = FCKeditorAPI.GetInstance(EditorName);
    return(oEditor.EditorDocument.body.innerText);
}

// 設定編輯器中內容
function SetEditorContents(EditorName, ContentStr) {
    var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
    oEditor.SetHTML(ContentStr) ;
}

FCKeditorAPI是FCKeditor載入後註冊的一個全域對象，利用它我們就可以完成對編輯器的各種操作。

在當前頁獲得 FCK 編輯器執行個體：
var Editor = FCKeditorAPI.GetInstance('InstanceName');

從 FCK 編輯器的快顯視窗中獲得 FCK 編輯器執行個體：
var Editor = window.parent.InnerDialogLoaded().FCK;

從架構頁面的子架構中獲得其它子架構的 FCK 編輯器執行個體：
var Editor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName');

從頁面快顯視窗中獲得父視窗的 FCK 編輯器執行個體：
var Editor = opener.FCKeditorAPI.GetInstance('InstanceName');

獲得 FCK 編輯器的內容：
oEditor.GetXHTML(formatted); // formatted 為：true|false，表示是否按HTML格式取出
也可用：
oEditor.GetXHTML();

設定 FCK 編輯器的內容：
oEditor.SetHTML("content", false); // 第二個參數為：true|false，是否以所見即所得 (WYSIWYG)方式設定其內容。此方法常用於"設定初始值"或"表單重設"哦作。

插入內容到 FCK 編輯器：
oEditor.InsertHtml("html"); // "html"為HTML文本

檢查 FCK 編輯器內容是否發生變化：
oEditor.IsDirty();

在 FCK 編輯器之外調用 FCK 編輯器工具條命令：
命令列表如下：
DocProps, Templates, Link, Unlink, Anchor, BulletedList, NumberedList, About, Find, Replace, Image, Flash, SpecialChar, Smiley, Table, TableProp, TableCellProp, UniversalKey, Style, FontName, FontSize, FontFormat, Source, Preview, Save, NewPage, PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo, Redo

使用方法如下：
oEditor.Commands.GetCommand('FitWindow').Execute();

= FCKConfig.BasePath + 'plugins/' 
// FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ;

去 掉//後，就相當於把placeholder這個外掛程式功能加上了，fckeditor的外掛程式檔案都在/editor/plugins/文 件夾下分類按檔案夾放置的，對於fckeditor2.0來說，裡面有兩個檔案夾，也就是有兩個官方外掛程式，placeholder這個檔案夾就是我們剛才 加上去的，主要用於多參數或單參數自訂標籤的匹配，這個在製作編輯模板時非常管用，要想看具體執行個體的話，大家可以去下載acms 這個系統查看學習，另一個檔案夾tablecommands就是編輯器裡的表格編輯用到的了。當然，如果你想製作自己其它用途的外掛程式，那就只要按照 fckeidtor外掛程式的製作規則製作完放置在/editor/plugins/下就行，然後再在fckeidtor.js裡再添加 FCKConfig.Plugins.Add('Plugin Name',',lang,lang');就可以了。

第二部分 ，如何讓編輯器一開啟的時候，編輯工具條不出現，等點“展開工具列”時才出現？Easy，FCKeditor本身提供了這個功能啦，開啟fckconfig.js，找到

FCKConfig.ToolbarStartExpanded = true ;
改成
FCKConfig.ToolbarStartExpanded = false ;
就可以啦！

第三部分，使用自己的表情表徵圖，同樣開啟fckcofnig.js到最底部那一段

FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif'] ;
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth    = 320 ;
FCKConfig.SmileyWindowHeight = 240 ;

上面這段已經是我修改過的了，為了我發表此文的版面不會被撐得太開，我把FCKConfig.SmileyImages那一行改得只有三個表情圖了。

第一行，當然是表情表徵圖路徑的設定，第二行是相關表情表徵圖檔案名稱的一個List，第三行是指彈出的表情添加視窗最每行的表情數，下面兩個參數是彈出的模態視窗的寬和高嘍。

第四部分，檔案上傳管理部分

此部分可能是大家最為關心的，上一篇文章簡單的講了如何修改來上傳檔案以及使用fckeidtor2.0才提供的快速上傳功能。再我們繼續再深層次的講解上傳功能

FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;在fckconfig.js找到這三句，這三句不是連著的哦，只是我把他們集中到這兒來了，設定為true的意思就是允許使用fckeditor來瀏覽 伺服器端的檔案映像以及flash等，這個功能是你插入圖片時彈出的視窗上那個“瀏覽伺服器”按鈕可以體現出來，如果你的編輯器只用來自己用或是只在後台 管理用，這個功能無疑很好用，因為他讓你很直觀地對伺服器的檔案進行上傳操作。但是如果你的系統要面向前台使用者或是像blog這樣的系統要用的話，這個安 全隱患可就大了哦。於是我們把其一律設定為false;如下

FCKConfig.LinkBrowser = false ;
FCKConfig.ImageBrowser = false ;
FCKConfig.FlashBrowser = false ;

這樣一來，我們就只有快速上傳可用了啊，好！接下來就來修改，同樣以asp為範例進行，進入/editor/filemanager/upload/asp/開啟config.asp，修改
ConfigUserFilesPath = "/UserFiles/"這個設定是上傳檔案的總目錄，我這裡就不動了，你想改自己改了

好，再開啟此目錄下的upload.asp檔案，找到下面這一段

Dim resourceType
If ( Request.QueryString("Type") <> "" ) Then
resourceType = Request.QueryString("Type")
Else
resourceType = "File"
End If
然後再在其後面添加

ConfigUserFilesPath = ConfigUserFilesPath & resourceType &"/"& Year(Date()) &"/"& Month(Date()) &"/"
這樣的話，上傳的檔案就進入“/userfiles/檔案類型（如image或file或flash)/年/月/”這樣的檔案夾下了，這個設定對單使用者來用已經足夠了，如果你想給多使用者系統用，那就這樣來改

ConfigUserFilesPath = ConfigUserFilesPath & Session("username") & resourceType &"/"& Year(Date()) &"/"& Month(Date()) &"/"
這樣上傳的檔案就進入“/userfiles/使用者目錄/檔案類型/年/月/”下了，當然如果你不想這麼安排也可以修改成別的，比如說使用者目錄再深一層等，這裡的Session("username")請根據自己的需要進行修改或換掉。

上傳的目錄設定完了，但是上傳程式還不會自己建立這些檔案夾，如果不存在的話，上傳不會成功的，那麼我們就得根據上面的上傳路徑的要求進行遞迴來組建目錄了。

找到這一段

Dim sServerDir
sServerDir = Server.MapPath( ConfigUserFilesPath )
If ( Right( sServerDir, 1 ) <> "\" ) Then
    sServerDir = sServerDir & "\"
End If

把它下面的這兩行

Dim oFSO
Set oFSO = Server.CreateObject( "Scripting.FileSystemObject" )
用下面這一段代碼來替換

dim arrPath,strTmpPath,intRow
strTmpPath = ""
arrPath = Split(sServerDir, "\")
Dim oFSO
Set oFSO = Server.CreateObject( "Scripting.FileSystemObject" )
for intRow = 0 to Ubound(arrPath)
    strTmpPath = strTmpPath & arrPath(intRow) & "\"
    if oFSO.folderExists(strTmpPath)=false then
     oFSO.CreateFolder(strTmpPath)
    end if
next
用這段代碼就可以產生你想要的檔案夾了，在上傳的時候自動產生。

好 了，上傳檔案的修改到現在可以暫時告一段落了，但是，對於中文使用者還存在這麼個問題，就是fckeditor的檔案上傳預設是不改名的，同時還不 支援中文檔案名稱，這樣一來是上傳的檔案會變成“.jpg”這樣的無法讀的檔案，再就是會有重名檔案，當然重名這點倒沒什麼，因為fckeditor會自動 改名，會在檔案名稱後加（1）這樣來進行標識。但是，我們通常的習慣是讓程式自動產生不重複的檔案名稱

在剛才那一段代碼的下面緊接著就是
' Get the uploaded file name.
sFileName = oUploader.File( "NewFile" ).Name
看清楚了，這個就是檔案名稱啦，我們來把它改掉，當然得有個組建檔案名的函數才行，改成下面這樣

'//取得一個不重複的序號
Public Function GetNewID()
dim ranNum
dim dtNow
randomize
dtNow=Now()
ranNum=int(90000*rnd)+10000
GetNewID=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

' Get the uploaded file name.
sFileName = GetNewID() &"."& split(oUploader.File( "NewFile" ).Name,".")(1)

這樣一來，上傳的檔案就自動改名產生如20050802122536365.jpg這樣的檔案名稱了，是由年月日時分秒以及三位隨機數組成的檔案名稱了