1.下載FCKeditor文件
先在官方網(wǎng)頁(yè)上下載 FCKeditor 的壓縮包 和 FCKeditor 的.net 2.0核心庫(kù)

下載地址：FCKeditor 的壓縮包
http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.4.3.zip
FCKeditor 的.net 2.0核心庫(kù)
http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor.Net_2.2.zip

說(shuō)明：
FCKeditor2.6.3.zip是其最新的文件和圖片什么的；
FCKeditor.NET.zip是ASP.NET調(diào)用的DLL在里面。
2.分別解壓后把FCKeditor2.6.3.zip里的fckeditor目錄整個(gè)復(fù)制到網(wǎng)站中。
3.解壓FCKeditor.NET.zip包后在FCKeditor.Net_2.2\bin\Debug目錄里找到FredCK.FCKeditorV2.dll，將FredCK.FCKeditorV2.dll添加到工具箱上。
4.完了之后將控件拖到網(wǎng)頁(yè)上：
5.現(xiàn)在已經(jīng)完成了添加，現(xiàn)在要根據(jù)我們的需要來(lái)設(shè)置了……
進(jìn)入FCKeditor文件夾，編輯 fckconfig.js 文件

6. (必須修改)
修改
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php
改為
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php
7. (必須修改)
配置語(yǔ)言包。有英文、繁體中文等，這里我們使用簡(jiǎn)體中文。 修改
FCKConfig.DefaultLanguage = 'en' ;
為
FCKConfig.DefaultLanguage = 'zh-cn' ;
8.配置皮膚。有default、office2003、silver風(fēng)格等，這里我們可以使用默認(rèn)。
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
9.在編輯器域內(nèi)可以使用Tab鍵。（1為是，0為否）
FCKConfig.TabSpaces = 0 ; 改為FCKConfig.TabSpaces = 1 ;
10.加上幾種我們常用的字體的方法
修改
FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
為
FCKConfig.FontNames = '宋體;黑體;隸書;楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'
11.基本的屬性設(shè)置已經(jīng)差不多了，要設(shè)置更多請(qǐng)參考一下屬性表：
FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱????
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件????
FCKConfig.EditorAreaStyles = '' ; // 編輯區(qū)的樣式表風(fēng)格????
FCKConfig.ToolbarComboPreviewCSS =''; //工具欄預(yù)覽CSS????
FCKConfig.DocType = '' ;//文檔類型????
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址????
FCKConfig.FullPage = false ; //是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容????
FCKConfig.StartupShowBlocks = false ;//決定是否啟用"顯示模塊"????
FCKConfig.Debug = false ;//是否開啟調(diào)試功能????
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮膚路徑????
FCKConfig.PreloadImages=... //預(yù)裝入的圖片????
FCKConfigFCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路徑????
FCKConfig.AutoDetectLanguage = true ; //是否自動(dòng)檢測(cè)語(yǔ)言????
FCKConfig.DefaultLanguage?? = 'zh-cn' ; //默認(rèn)語(yǔ)言????
FCKConfig.ContentLangDirection = 'ltr' ; //默認(rèn)的文字方向,可選"ltr/rtl",即從左到右或從右到左????
FCKConfig.ProcessHTMLEntities = true ; //處理HTML實(shí)體????
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文????
FCKConfig.IncludeGreekEntities = true ;//包括希臘文????
FCKConfig.ProcessNumericEntities = false ;//處理數(shù)字實(shí)體????
FCKConfig.AdditionalNumericEntities = '' ;?? //附加的數(shù)字實(shí)體????
FCKConfig.FillEmptyBlocks = true ; //是否填充空塊????
FCKConfig.FormatSource?? = true ; //在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼????
FCKConfig.FormatOutput?? = true ; //當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼????
FCKConfig.FormatIndentator = '????' ; //當(dāng)在源碼格式下縮進(jìn)代碼使用的字符????
FCKConfig.StartupFocus = false ; //開啟時(shí)焦點(diǎn)是否到編輯器,即打開頁(yè)面時(shí)光標(biāo)是否停留在fckeditor上????
FCKConfig.ForcePasteAsPlainText = false ; //是否強(qiáng)制粘貼為純文件內(nèi)容????
FCKConfig.AutoDetectPasteFromWord = true ; //是否自動(dòng)探測(cè)從word粘貼文件,僅支持IE????
FCKConfig.ShowDropDialog = true ;//是否顯示下拉菜單????
FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符號(hào)轉(zhuǎn)換為XML實(shí)體????
FCKConfig.TabSpaces?? = 0 ;//按下Tab鍵時(shí)光標(biāo)跳格數(shù),默認(rèn)值為零為不跳格????
FCKConfig.ShowBorders = true ;//合并邊框????
FCKConfig.SourcePopup = false ;//彈出????
FCKConfig.ToolbarStartExpanded = true ;//啟動(dòng)fckeditor工具欄默認(rèn)是否展開????
FCKConfig.ToolbarCanCollapse = true ;//是否允許折疊或展開工具欄????
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值????
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮動(dòng)面板索引????
FCKConfig.HtmlEncodeOutput = false ;//是否將HTML編碼輸出????
FCKConfig.TemplateReplaceAll = true ;//是否替換所有模板????
FCKConfig.ToolbarLocation = 'In' ;//工具欄位置,????
FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱????
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件????
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址????
FCKConfig.Debug = true/false; // 是否開啟調(diào)試功能，當(dāng)調(diào)用FCKDebug.Output()時(shí)，會(huì)在調(diào)試窗中輸出內(nèi)容????
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 設(shè)置皮膚????
FCKConfig.AutoDetectLanguage = true/false ; // 是否自動(dòng)檢測(cè)語(yǔ)言????
FCKConfig.DefaultLanguage = 'zh-cn' ; // 設(shè)置默認(rèn)語(yǔ)言????
FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默認(rèn)文字方向，ltr左，rtr右????
FCKConfig.FillEmptyBlocks = true/false ; // 使用這個(gè)功能，可以將空的塊級(jí)元素用空格來(lái)替代????
FCKConfig.FormatSource = true/false; // 切換到代碼視圖時(shí)，是否自動(dòng)格式化代碼????
FCKConfig.FormatOutput = true/false; // 當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼????
FCKConfig.FormatIndentator = ""; // 當(dāng)在“源碼格式”下縮進(jìn)代碼使用的字符????
FCKConfig.GeckoUseSPAN = true/false; // 是否允許SPAN標(biāo)記代替B，I，U標(biāo)記????
FCKConfig.StartupFocus = true/false; // 開啟時(shí)是否FOCUS到編輯器????
FCKConfig.ForcePasteAsPlainText = true/false;// 強(qiáng)制粘貼為純文本????
FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把&符號(hào)轉(zhuǎn)換為XML實(shí)體????
FCKConfig.TabSpaces = 0/1; // TAB是否有效????
FCKConfig.TabSpaces = 4; // TAB鍵產(chǎn)生的空格字符數(shù)????
FCKConfig.ShowBorders = true/false; // 是否合并邊框????
FCKConfig.ToolbarStartExpanded = true/false; // 頁(yè)面載入時(shí)，工具欄是否展開，點(diǎn)“展開工具欄”時(shí)才出現(xiàn)????
FCKConfig.ToolBarCanCollapse = true/false; // 是否允許展開折疊工具欄????
FCKConfig.ToolbarSets = object ; // 編輯器的工具欄，可以自行定義，刪減，可參考已存在工具欄????
FCKConfig.EnterMode = 'p'; // 編輯器中直接回車，在代碼中生成，可選為p | div | br????
FCKConfig.ShiftEnterMode = 'br'; // 編輯器中Shift+回車，在代碼中生成，可選為p | div | br????
FCKConfig.ContextMenu = 字符串?dāng)?shù)組; // 右鍵菜單的內(nèi)容????
FCKConfig.FontColors = ""; // 文字顏色列表????
FCKConfig.FontNames = ""; // 字體列表????
FCKConfig.FontSizes = ""; // 字號(hào)列表????
FCKConfig.FontFormats = ""; // 文字格式列表????
FCKConfig.StylesXmlPath = ""; // CSS樣式列表的XML文件的位置????
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置????
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼寫檢查器????
FCKConfig.IeSpellDownloadUrl = ""; // 下載拼寫檢查器的網(wǎng)址????
FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路徑????
FCKConfig.SmileyImages = ''; // 表情文件名稱列表，具體參考默認(rèn)設(shè)置????
FCKConfig.SmileyColumns = 8; // 表情窗口顯示表情列數(shù)????
FCKConfig.SmileyWindowWidth = 320; // 表情窗口顯示寬度，此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整????
FCKConfig.SmileyWindowHeight = 240; // 表情窗口顯示高度，此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整????
FCKConfig.FullPage = true/false; // 是否允許編輯整個(gè)HTML文件，還是僅允許編輯BODY間的內(nèi)容????
??
??
上傳設(shè)置????
??
var _FileBrowserLanguage???????? = 'php' ;???????? // asp | aspx | cfm | lasso | perl | php | py??????
var _QuickUploadLanguage???????? = 'php' ;???????? // asp | aspx | cfm | lasso | php[/code]????
//第一個(gè)是文件瀏覽器使用的語(yǔ)言，第二個(gè)快速上傳使用的語(yǔ)言，改成你需要的????
FCKConfig.LinkUploadAllowedExtensions???????? = "" ;???????????????????????? // empty for all????
FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$"??
//這是兩個(gè)允許和拒絕上傳的文件類型列表????
FCKConfig.ImageBrowser = false ;是否在插入圖片功能里面啟用服務(wù)器文件瀏覽功能????
FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;????
Type=Image?? 表示文件類型是image這會(huì)使文件瀏覽器定位到文件上傳路徑/image/文件夾下面????
FCKConfig.FlashBrowser = false ;是否在插入flash功能中啟用服務(wù)器文件瀏覽功能????
FCKConfig.LinkUpload = false ;是否啟用插入鏈接的快速上傳功能????
FCKConfig.ImageUpload = false ;是否啟用圖片快速上傳功能????
FCKConfig.FlashUpload = false ;是否啟用flash上傳功能????
??
??
服務(wù)器文件設(shè)置????
??
文件瀏覽器的設(shè)置：????
fckeditor\editor\filemanager\connectors\asp\config.asp????
??
ConfigIsEnabled = true 決定是否啟用文件瀏覽器。這個(gè)是在服務(wù)器上執(zhí)行的????
ConfigUserFilesPath = "/test/upload/" 上傳文件的路徑（相對(duì)的）????
ConfigAllowedExtensions.Add???????? "File", ""????
ConfigDeniedExtensions.Add???????? "File", "php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi"????
ConfigAllowedExtensions.Add???????? "Image", "jpg|gif|jpeg|png|bmp"????
ConfigDeniedExtensions.Add???????? "Image", ""????
ConfigAllowedExtensions.Add???????? "Flash", "swf|fla"????
ConfigDeniedExtensions.Add???????? "Flash", ""????
ConfigAllowedExtensions.Add???????? "Media", "swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt"????
ConfigDeniedExtensions.Add???????? "Media", ""????
這是4個(gè)不同的filetype類型 分別對(duì)應(yīng)了 前臺(tái)編輯器的 插入鏈接 插入圖片 插入flash 插入媒體 4個(gè)功能????

??
12.(必須修改,斜杠必須按照所給的來(lái)寫,一個(gè)也不能少)

配置WebConfig，在<appSettings>節(jié)點(diǎn)添加，如下：
<appSettings>
????<add key="FCKeditor:BasePath" value="/項(xiàng)目名稱/fckeditor/"/>
????<add key="FCKeditor:UserFilesPath" value="/項(xiàng)目名稱/userfiles/" />
</appSettings>
BasePath是fckeditor所在路徑，fckeditor由于我們直接放網(wǎng)站目錄下這樣寫就可以，如果您的網(wǎng)站多放幾層適當(dāng)調(diào)整即可。UserFilesPath是所有上傳的文件的所在目錄。
13.(必須修改,凡用到FCKeditor的頁(yè)面,都必須添加這條語(yǔ)句)
aspx頁(yè)面： <%@ Page Language="C#"??AutoEventWireup="true"?? CodeFile="Default.aspx.cs" Inherits="_Default" validateRequest="false" %>
我們要添加一個(gè)參數(shù)validateRequest="false"，否則提交帶html代碼的內(nèi)容會(huì)報(bào)錯(cuò)
14.刪除我們不需要的文件：
進(jìn)入FCKeditor文件夾，把所有“_”開頭的文件和文件夾刪掉，這些都是一些范例，只保留editor文件夾、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了；
　　進(jìn)入editor文件夾，刪掉“_source”文件夾，里面放的同樣是源文件；
　　退回上一級(jí)目錄進(jìn)入filemanager文件夾，有browser和upload兩個(gè)文件夾。進(jìn)入browser\default\connectors，只保留aspx文件夾，其余的刪掉；mcpuk目錄亦可刪除；upload也一樣，只保留aspx文件夾；
　　退到editor再進(jìn)入images文件夾，smiley里面放的是表情圖標(biāo)，有msn和fun兩個(gè)系列，如果你想用自己的表情圖標(biāo)，可以把它們都刪除；如果你想用這里的表情圖標(biāo)那就不要?jiǎng)h了；
　　lang里面放的是語(yǔ)言包，如果只是用簡(jiǎn)體中文，那么只保留fcklanguagemanager.js、zh-cn.js兩個(gè)文件就行了，建議也保留en.js（英文）、zh.js（繁體中文）兩個(gè)文件，fcklanguagemanager.js是語(yǔ)言配置文件，有了它才能和fckconfig.js里的設(shè)置成對(duì)，對(duì)應(yīng)上相應(yīng)的語(yǔ)言文件，一定要保留！
　　再退出lang文件夾，進(jìn)入skins文件夾，如果你想使用FCKeditor默認(rèn)的奶黃色，那就把除了default文件夾外的另兩個(gè)文件夾直接刪除，如果想用別的，那就看你自己的喜好了。
15。用法：FCKeditor1.Value 就是他的值了……

16.aspx目錄下的config.ascx文件的設(shè)置（FCKeditor在ASP。NET中上傳圖片設(shè)置）
private bool CheckAuthentication()
{
??// WARNING : DO NOT simply return "true". By doing so, you are allowing
??// "anyone" to upload and list the files in your server. You must implement
??// some kind of session validation here. Even something very simple as...
??//
??//??return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
??//
??// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
??// user logs in your system.
??return true; //默認(rèn)的是false
}

轉(zhuǎn)載于:https://www.cnblogs.com/7788/archive/2009/06/15/1503470.html

總結(jié)

以上是生活随笔為你收集整理的FCKeditor使用详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。