FCKeditor的php應用

FCKeditor 是一個十分強大的網頁文字編輯器，它支援多種指令碼程式設計語言和支援多國語言。

官方網站 http://www.FCKeditor.net/

這裡是關於php的配置方法，其他語言的配置方法是和它一樣的。

假設網站的目錄為：
/www
     /index.php
     /inc
     /FCKeditor
一：調用FCKeditor的兩種方法
1：通過建立執行個體
   在這裡唯寫調用它的代碼了，網站的其他代碼當然由你自己寫了，把下面的代碼加在應該加的地方。

代碼:

<?php    include_once("FCKeditor/fckeditor.php");     //引用FCKeditor.php這個檔案    $FCKeditor=new FCKeditor("myinfo");         //建立FCKeditor對象的執行個體    $FCKeditor->BasePath="FCKeditor/";           //FCKeditor所在的位置，這裡它的位置就是"FCKeditor/";    $FCkeditor->ToolbarSet="Default";           //工具按鈕設定    $FCKeditor->Width="100%";                   //設定它的寬度    $FCKeditor->Height="300px";                 //設定它的高度    $FCkeditor->Cr&#101;ate();    ?>

2:通過iframe調用建立
在你認為該加的地方加上

代碼:

<INPUT id=content style="DISPLAY: none" type=hidden name="myinfo"> <INPUT id=content___Config style="DISPLAY: none" type=hidden> <IFRAME id=content___Frame src="FCKeditor/editor/fckeditor.html?InstanceName=myinfo&amp;Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300> </IFRAME>

對上述兩種方法的說明：

在上述兩種方法中，你都看到了字串"myinfo"，你可能不知道是什麼意思，現在我給你解釋一下
如果你要將文字編輯器中的內容在另外一個頁面顯示或者要將在它儲存在資料庫，你可以用
$_POST["myinfo"]或者用$_GET["myinfo"]來擷取文字編輯器中的內容,具體是用post還是用get那要看你用的是什麼傳遞方法了

當然你也可以把myinfo改成你想要用的，如"content".

如果你還不知道什麼是ajax，那麼這一段話你就不用看了。
當你用ajax的來獲得內容的時候是不是發現得不到內容，如：
<script>alert(document.form.content.value)</script>你會發現談出的視窗沒內容
那麼我們可以通過下面的代碼來獲得它的內容：
function getContentValue()
{
     var oEditor = FCKeditorAPI.GetInstance("content") ;
     var acontent=oEditor.GetXHTML();
     return acontent;
}

二：配置一些檔案
1:fckconfig.js的配置
   (1).工具按鈕設定

   尋找FCKConfig.ToolbarSets["Default"]，這裡有很多按鈕，下面我們將對他們詳細介紹

   EditSource 顯示HTML原始碼 StrikeThrough 刪除線
   Save 儲存 Subscript 下標
   NewPage 建立空白頁面 Superscript 上標
   Preview 預覽 JustifyLeft 靠左對齊
   Cut 剪下 JustifyCenter 置中對齊
   Copy 複製 JustifyRight 靠右對齊
   Paste 粘貼 JustifyFull 左右對齊
   PasteText 純文字粘貼 Ins&#101;rtOrderedList 自動編號
   PasteWord 來自Word的粘貼 Ins&#101;rtUnorderedList 項目符號
   Print 列印 Outdent 減少縮排
   SpellCheck 拼字檢查 Indent 增加縮排
   Find 尋找 ShowTableBorders 顯示表格線
   Replace 替換 ShowDetails 顯示明細
   Undo 撤銷 Form 添加Form動作
   Redo 還原 Checkbox 複選框
   Sel&#101;ctAll 全選 Radio 選項按鈕
   RemoveFormat 去除格式 Input 單行文字框
   Link 插入/編輯 連結 Textarea 滾動文字框
   RemoveLink 去除串連 Sel&#101;ct 下拉式功能表
   Anchor 錨點 Button 按鈕
   Image 插入/編輯 圖片 ImageButton 圖片按鈕
   Table 插入/編輯 表格 Hidden 隱藏
   Rule 插入水平線 Zoom 顯示比例
   SpecialChar 插入特殊字元 FontStyleAdv 系統字型
   UniversalKey 軟鍵盤 FontStyle 字型樣式
   Smiley 插入Emoji FontFormat 字型格式
   About 關於 Font 字型
   Bold 粗體 FontSize 字型大小
   Italic 斜體 TextColor 文字顏色
   Underline 底線 BGColor 背景色

這個預設的是包含了所有的工具按鈕，不過到我們具體要用的時候，有的按鈕並不需要，而且還影響速度。那麼我們可以將我們不需要的按鈕給刪了。下面是我的配置，給大家一個參考，當然你可以根據你的喜好。
FCKconfig.ToolbarSets["Default"] = [
["EditSource","Save","NewPage","Preview","-","Cut","Copy","Paste","PasteText","-","Find","Replace","-","Undo","Redo","-","Sel&#101;ctAll","-","Link","RemoveLink","-","Image","Table","Rule","SpecialChar","Smiley"] ,
["Bold","Italic","Underline","-","JustifyLeft","JustifyCenter","JustifyRight","-","Ins&#101;rtOrderedList","Ins&#101;rtUnorderedList","-","Form","Checkbox","Radio","Input","Textarea","Sel&#101;ct","Button","-","FontStyleAdv","TextColor"] ] ;

如果在前台給使用者回複一寫文章的話，還是沒必要要上面的，這時你可以在加一個：
FCKConfig.ToolbarSets["Basic"] = [
     ["Bold","Italic","-","OrderedList","UnorderedList","-","Link","Unlink","-","About"]
] ;

這樣的話，你在前台調用的時候就要用$FCKeditor->ToolbarSet="Basic",不能在為"Default"了。

(2)：語言的配置

尋找FCKConfig.DefaultLanguage將它設定為"zh-cn".

(3):指令碼語言的設定

尋找var _FileBrowserLanguage和var _QuickUploadLanguage將他們設定為"php", 預設是"asp",如果這裡不設定的話，圖片將不能上傳，這點很重要。當時我在用FCKeditor由於沒配置這個，不能上傳圖片，而我同寢室的用asp能上傳圖片，讓我煩惱了好多天，最後終於找到是這個原因。

2:圖片上傳的配置

開啟檔案FCKeditor/editor/filemanager/browser/default/connectors/php/config.php
尋找$Config["Enabled"]，將它設定為"true"
尋找$Config["UserFilesPath"]，將它設定圖片的目錄，這個目錄是相對於主目錄的 //例如：我寫了一個blog，就可以設定為/blog/upload/

開啟檔案FCKeditor/editor/filemanager/upload/php/config.php
尋找$Config["Enabled"]，將它設定為"true"
尋找$Config["UseFileType"]，將它設定上傳檔案的目錄，最好與上面的圖片目錄相同

好了，現在所有的配置都已經完成了，現在你要做的只是刪除一些不必要的檔案了
只要包含"_"的目錄名和檔案名稱都可以刪除，當然你用的是php，其他語言的一些目錄也都可以刪除，這樣就減小了檔案的大小.

 

原文地址：http://hi.baidu.com/s_jqzhang/blog/item/5b507a2c0f5997e48b139976.html

個人隨筆記錄：

1 關於tools的一些東東，2.6.4跟以前可能在命名上有區別。

2 看好自己tools的選項選擇

<iframe id="body___Frame" src="../include/FCKeditor/editor/fckeditor.html?InstanceName=body&amp;Toolbar=Basic" width="100%" height="450" frameborder="no" scrolling="no"></iframe> 這句中的Toolbar=Basic需要注意，一般人都會認為選的是default.呵呵