fckeditor是一款非常好用的編輯工具，用戶在操作fckeditor pc版的時候，可以明顯感覺到它要比其他的編輯工具用的更加的方便快捷，讓用戶可以更好的完成自己需要做的事情，這款軟件可以讓你web端中以平時文本編輯的方式進(jìn)行文字編輯，而且它適用于絕大部分的瀏覽器。

【軟件介紹】

FCKeditor是一款非常優(yōu)秀的HTML在線編輯器，功能也可以定制。 也支持多種瀏覽器， 遵循LGPL版權(quán)。最新版本的FCKeditor同時兼容絕大多數(shù)主流瀏覽器，包括： IE 5.5及以上版本 (windows)， 火狐Firefox 1.0及以上版本， 遨游Mozilla 1.3及以上版本，網(wǎng)景7.0及以上版本。

【官方介紹】

FCKeditor是一個專門使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化，不需要太復(fù)雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結(jié)合?！癋CKeditor”名稱中的“FCK” 是這個編輯器的作者的名字Frederico Caldeira Knabben的縮寫。
FCKeditor 相容于絕大部分的網(wǎng)頁瀏覽器，像是 : internet explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 、Netscape 7+以及Opera瀏覽器。
FCKeditor 的安裝非常容易!最新版本可以在這里下載!所見即所得編輯器是很容易使用的工具!

【功能特色】

1、適用于絕大部分的網(wǎng)頁瀏覽器
2、專門使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器
3、它志于輕量化，不需要太復(fù)雜的安裝步驟即可使用
4、可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結(jié)合
5、功能強(qiáng)大的開源在線文本編輯器
6、它使你在web上可以使用類似微軟Word 的桌面文本編輯器的許多強(qiáng)大功能
7、它是輕量級且不必在客戶端進(jìn)行任何方式的安裝

【安裝方法】

1.解壓下載后的zip包，可以看到它里面有好多的js和css。

2.接下來就要進(jìn)行配置了。
第一步：將ckeditor整個文件夾放到網(wǎng)站資源目錄下，如下圖。

第二步：在要添加ckeditor的網(wǎng)頁上加入ckeditor.js，如下圖。

第三步：在要轉(zhuǎn)換成富文本的textarea下方編寫js：CKEDITOR.replace('textarea的name')，如下圖。

第四步：打開網(wǎng)站查看效果，如下圖。

【常用設(shè)置】

FCKeditor已經(jīng)安裝成功了，也可以使用了。但是我們可以通過一些簡單的設(shè)置使FCKeditor更加符合您的項目需求。
設(shè)置工具欄很簡單，只需打開fckeditor目錄下面的fckconfig.js文件，按CTRL+F搜索FCKConfig.ToolbarSets["Default"]代碼，找到如下代碼。
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','-','About']
]
在默認(rèn)情況下，F(xiàn)CKeditor會調(diào)用上面定義的所有工具欄按鈕。大家可以根據(jù)自己的需求進(jìn)行設(shè)置。表1對上面的配置選項功能說明進(jìn)行匯總。

【使用方法】

關(guān)于上傳\文件瀏覽安全性問題
為了解決FCKeditor不支持虛擬目錄問題，和FCKeditor文件上傳的安全性考良。我們有必要在這里單論對此進(jìn)行討論。

打開fckeditor\editor\filemanager\upload\php\config.php，找到$Config['UserFilesPath']代碼，在此行代碼之前定義變量$root_path = $_SERVER['PHP_SELF'];

重新設(shè)置$Config['UserFilesPath']變量的值，示例如下。
$Config['UserFilesPath'] = $root_path . '您想上傳的目錄名/' ;

打開fckeditor\editor\filemanager\browser\default\connectors\php\config.php，找到代碼$Config['UserFilesPath'],在此行代碼之前定義變量$root_path = $_SERVER['PHP_SELF'];

重新設(shè)置$Config['UserFilesPath']變量的值，示例如下。
$Config['UserFilesPath'] = $root_path . '您想瀏覽的目錄名/'

至此，您的FCKeditor已解決不支持虛擬目錄問題。

配置上傳 \瀏覽功能
一、打開fckeditor\editor\filemanager\connectors\php\config.php，找到代碼$Config['Enabled']，將值設(shè)置為true。
二、接下來幾行，設(shè)置$Config['UserFilesPath']，設(shè)置上傳路徑。
三、打開fckeditor\fckconfig.js文件，找到代碼_FileBrowserLanguage，將值設(shè)置為php。接下來一行，把_QuickUploadLanguage值也設(shè)置為php。

FCKeditor控件
1、在項目的根目錄下添加解壓出來的文件夾fckeditor和空文件夾Uploads；
2、把FredCK.FCKeditorV2.dll添加到bin目錄下。新建一個用戶自定義控件(*.ascx),添加控件FCKeditor及其他需要的控件（如：button）；
3、在文件*.ascx的源中添加這句話：<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
4、在配置文件節(jié)點(diǎn)中添加
5、把自定義控件拖到其所需頁面中。添加一個參數(shù) validateRequest=false，否則提交帶html代碼的內(nèi)容會報錯。

FCKEditor文本編輯器使用教程：
要使用FCKEditor首先需要將fckeditor文件夾復(fù)制到項目web目錄下，fckeditor文件放置位置如下圖

然后將項目所需的5個庫文件復(fù)制到項目的web-inf下的lib目錄下。庫文件名及位置如下圖

通過前面的配置，F(xiàn)CKEditor就可以使用了，如果需要修改FCKEditor的默認(rèn)配置，可以通過修改FCKEditor的配置文件fckconfig.js。一般不推薦這樣配置，而是通過重新創(chuàng)建配置文件，然后通過fckconfig.js指定該配置文件來覆蓋默認(rèn)配置

代碼標(biāo)識的一行是通過FCKConfig的屬性來設(shè)置自定義配置文件的路徑。根據(jù)自己創(chuàng)建的配置文件來自行修改

上圖是八寶自己自己修改的配置文件內(nèi)容，注釋部分顯示為亂碼，用戶也可以根據(jù)自己的需求自行來寫配置文件
設(shè)置完成自定義的FCKEditor配置文件后就可以在表單中使用配置后的FCKEditor了

注意FCK標(biāo)簽的引用，簡單樣式展示，用戶根據(jù)自己的需求自行寫頁面樣式

【常見問題】

FckEditor編輯器在IE10+中不顯示工具欄怎么辦？
1、在IE10或者IE11等版本的IE瀏覽器中，流行的FckEditor多媒體編輯器顯示不是工具欄，內(nèi)容顯示也有問題，如下圖。按下面的方法對IE瀏覽器進(jìn)行配置即可解決該問題。

2、點(diǎn)擊IE瀏覽器左上角"齒輪"按鈕，在出現(xiàn)的菜單中選擇“兼容性視圖設(shè)置”項。

3、將FckEditor顯示出現(xiàn)問題的網(wǎng)站網(wǎng)址（網(wǎng)站首頁）添加到網(wǎng)站列表中，點(diǎn)擊“關(guān)閉”退出該配置窗口。
4、再次訪問FckEditor顯示出現(xiàn)問題的頁面，這時應(yīng)該可以看到FckEditor的工具欄已經(jīng)正常顯示，文本框的內(nèi)容也顯示正常。