一、集成方法
1.將fckeditor文件夾添加到程序
2.在程序添加Files文件夾并設置寫的權限(文件夾屬性--安全--設置訪問用戶的權限為完全控制)(建議添加在同級目錄)
3.對程序集 添加引用 鼠標右鍵--瀏覽--選擇DLL文件
4.工具箱添加控件 鼠標右鍵--選擇工具 --瀏覽--選擇DLL文件
5.修改Web.config -- 添加以下設置節
網站程序文件夾zk包含:FCK程序文件夾(fckeditor)和我希望保存上傳的圖片的文件夾(uploadimage)和
上傳頁面文件夾(sys),為了表達目錄層次關系,我用集合的形式表示文件目錄:
zk{ fckeditor 和 uploadimage 和 sys{uploadpic.aspx} },,
如下所示:
+zk(網站目錄)
----fckeditor(FCK程序文件夾)
----uploadimage(上傳的圖片的文件夾)
---+sys(上傳圖片頁面的文件夾)
----uploadpic.aspx(上傳圖片頁面放置有FCK文本編輯器控件)
(1)情況:
web.config里面的配置如下:
<add key="FCKeditor:BasePath" value="~/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/zk/ContentFCK"/> ---->>>>三種情況這里設置的不同
說明:
BasePath是fckeditor所在路徑,fckeditor由于我們直接放網站目錄下這樣寫就可以,如果您的網站多放幾層適 當調整即可。
UserFilesPath是所有上傳的文件的所在目錄。為什么要設置成/Files這樣而不是~/Files,因為FCKeditor使用這 個值來返回你上傳后的文件的相對路徑到客戶端。否則的話客戶訪問的時候就會取客戶的機器目錄而不是http形 式的目錄。
二、配置FCKeditor
按照FCKeditor的默認配置,可以完成一些常用的HTML可視化編輯工作,但在實際應用中,還需要對其做進一步的配置。FCKeditor控件的可配置屬性不多,且配置后只能作用于一個單一實例。實際上,需要對FCKeditor編輯器文件組中的通用配置文件/fckconfig.js和ASP.NET專用 文件上傳管理代碼文件/editor/filemanager/connectors/aspx/config.ascx進行配置。
1. 配置控件語言
FCKeditor是自動探測瀏覽器所使用的語言編碼的,其默認語言是英文。修改配置行"FCKConfig.DefaultLanguage = 'en';"為'zh-cn',采用中文為默認語言。
2. 配置控件應用技術
FCKeditor默認是用于php技術的。修改配置行"var _FileBrowserLanguage = 'php';"和"var _QuickUploadLanguage = 'php';"為'aspx',采用ASP.NET技術。
3. 配置Tab鍵
默認Tab鍵在FCKeditor中不可用,可以修改配置行"FCKConfig.TabSpaces = 0;"為1,啟用Tab鍵。
4. 定制FCKeditor工具欄
FCKConfig提供兩種工具欄配置。在配置行"FCKConfig.ToolbarSets["Default"] = [ ... ];"中定義了使用全部可用按鈕的配置(作為工具欄的默認配置)。在配置行"FCKConfig.ToolbarSets["Basic"] = [ ... ];"中定義了一個精簡按鈕的工具欄配置。實際使用時,默認配置按鈕太多,精簡配置按鈕又太少。因此需要定制工具欄。
配置值[ ... ]中是形式為[[v, v2, .., vN], '/', [ ... ],...](vN表示要顯示的按鈕名字,'/'表示之后的按鈕組在下一行顯示)的按鈕分組的集合。如果不需要整個分組的按鈕,那么就刪掉該分組(形式為[ , , ...]);如果只是不需要分組中的某個按鈕,刪掉該按鈕。
5. 定制可用的文本字體
FCKeditor是外國人做的,默認使用的字體當然也是西文字體了。修改配置行"FCKConfig.FontNames = '...';",加入要使用的中文字體名,如宋體,楷體_GB2312等。
FCKConfig默認使用HTML字體關鍵字來表示可選的字體大小,這存在著不同瀏覽器顯示效果不一致的問題。因此,建議修改配置行"FCKConfig.FontSizes = '...';",去掉字體關鍵字值,加入像素值或磅值。(當然,在網頁里定義了全局樣式表的話,就不需要修改這項設置了,但應該教會最終用戶如何設置字體達到最佳顯示效果。)
6. 啟用 文件上傳
FCKeditor提供了非常強大和易用的 文件上傳功能,但是默認配置里, 文件上傳功能不可用,這是基于安全的考慮。但我認為訪問安全性控制應該由程序來做,不應由控件來做。
在文件config.ascx中,修改CheckAuthentication()的返回值為true。如果希望上傳具有多擴展名的文件,修改SetConfig()中ForceSingleExtension的值為false。FCKeditor默認可以上傳文件、圖片、Flash和多媒體四種類型的文件,可以在SetConfig()中對AllowedTypes修改來增減允許的類型(這個類型可以在后面的TypeConfig["TypeName"]中定義,比如在AllowedExtensions屬性中定制本類型允許的上傳文件擴展名,在DeniedExtensions里定制不允許的上傳文件擴展名)。
在文件fckconfig.js中,修改配置行"FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;"為FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=File&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;";修改配置行"FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;"為"FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=File' ;"。(在這個配置文件里,看起來似乎Type=File是作為默認參數的,但實際上不加這個參數的話,會出錯。)
7. 其它配置
對于這兩個配置文件中的配置屬性,從名字上很容易知道它們所代表的含義,基本上都可以定制。但要注意,屬性值的格式要正確。
三、將FCKeditor編輯器文件組ASP.NET化
FCKeditor編輯器文件組包含了用于它所支持的各種應用技術的文件,所以,對于ASP.NET應用來說,有很多文件是不需要的。
根目錄下,只保留文件夾editor,文件fckconfig.js、fckeditor.js、fckpackager.xml、fckstyles.xml和fcktemplates.xml。
子目錄editor/filemanager/connectors下,只保留文件夾aspx。
--------------------------------------------------------------------------------------------------------------------
圖片路徑 E:/LW/fckeditor/editor/filemanager/connectors/aspx/LW/Files/image
關于FCKeditor在線編輯器,插入圖片,提示信息,不能漢化的問題
文章分類:Java編程
FCKEditor 文件上傳提示信息的漢化
在FCKeditor中,雖然可以自動監測客戶端語言,但是仍有小部分信息未能得到漢化。例如上傳圖片、Flash時,上傳成功和上傳失敗的對話框提示信息均為英文,只要找到相應的提示文本,修改為中文即可。
這里以漢化上傳圖片時的提示信息為例:
用DW或者UE打開 FCKeditor/editor/dialog/fck_image 下的 fck_image.js 文件,首先找到438行,
把原文“Your file has been successfully uploaded”,替換為“文件已成功上傳!”,同理,
第447行,“A file with the same name is already available. The uploaded file has been renamed to”替換為“同名文件已經存在。 剛才上傳的文件已自動命名為:”,
第450行,“文件類型不正確!”替換“Invalid file type”,
第453行,“你可能沒有足夠的權限上傳文件,請檢查服務器設置。”替換“Security error. You probably don't have enough permissions to upload. Please check your server.”,
第456行,“' 文件上傳失敗!錯誤號:”替換“Error on file upload. Error number:”,
第474行,“請選擇要上傳的文件”替換“Please select a file to upload”。
這樣,就完成了漢化,對于flash上傳界面的漢化,也是同樣的步驟。
同上以上方法修改后,中文提示會是亂碼,原因是fck_image.js文件的編碼格式默認是gb18080,需要把fck_image.js文件的編碼修改成utf-8就可以了。
刪除上傳圖片時,瀏覽顯示的英文:
fckeditor/editor/dialog/fck_image/fck_image_preview.html
找到
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam.
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla.
Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis
euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce
mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie.
Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque
egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem,
in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut
placerat elementum, lectus nisl aliquam velit, tempor aliquam eros nunc nonummy
metus. In eros metus, gravida a, gravida sed, lobortis id, turpis. Ut ultrices,
ipsum at venenatis fringilla, sem nulla lacinia tellus, eget aliquet turpis mauris
non enim. Nam turpis. Suspendisse lacinia. Curabitur ac tortor ut ipsum egestas
elementum. Nunc imperdiet gravida mauris.
去掉就可以了
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
