導讀
FCKEditor目前的最新版本是但支持NET的DLL版本還是本文介紹FCKEditor在ASPNET中的配置方法
本文的示例下載地址(包含了整個解決方案及網站下載後即可使用)
地址x
FCKEditor官方下載地址
配置方法如下
一在官方網站上下載
下載地址?group_id=&filename=FCKeditor_zip
解壓後目錄結構如下圖所示
二刪除不必要的文件
從官方下載下來的FCKEditor大小有M(解壓後)其實有很多文件對於只用ASPNET的來講是不需要的我們可以刪除不必要的文件
根目錄下除editor目錄fckconfigjsfckeditorjs fckstylesxml fcktemplatesxml 這幾個保留其余的全部刪除
editorfilemanagerconnectors目錄中除aspx目錄外全部刪除
editorlang目錄中除enjszhjs zhcnjs外全部刪除
刪除_samples目錄當然如果你想看示例就不要刪除這個目錄了
三FCKEditor的詳細設置
fckconfigjs中修改
FCKConfigToolbarSets[Default] = [
[BoldItalicUnderlineStrikeThroughSubscriptSuperscript]
[OrderedListUnorderedListOutdentIndentBlockquote]
[JustifyLeftJustifyCenterJustifyRightJustifyFull]
[LinkUnlinkAnchor]
[ImageFlashTableRuleSmileySpecialCharPageBreak]
/
[StyleFontFormatFontNameFontSize]
[TextColorBGColor]
[FitWindowShowBlocksAbout] // No comma for the last row
] ;
//上面一段我去掉了一些不常用的功能可以根據實際需要增加
FCKConfigDefaultLanguage = zhcn ; //原來是en
var _FileBrowserLanguage = aspx ;// asp | aspx | cfm | lasso | perl | php | py 改成aspx
var _QuickUploadLanguage = aspx ;// asp | aspx | cfm | lasso | perl | php | py
在Bin中加入DLL文件
DLL文件下載地址?group_id=&package_id=
在工具欄中加入DLL文件
配置上傳路徑
編輯FCKeditoreditorfilemanagerconnectorsaspxconfigaspx 中修改
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; //原來這裡是 false;不過還是建議看看上面的警告
}
在SetConfig方法中設置
UserFilesPath = ~/Upload/FCKEditor;//我這裡設置在了網站根目錄下的Upload/FCKEditor目錄中根據實際情況和個人喜好而定
FCKeditorzip是其最新的Javascript文件和圖片什麼的
FCKeditorNETzip是ASPNET調用的DLL在裡面
分別解壓後把FCKeditorzip裡的fckeditor目錄整個復制到網站中
解壓FCKeditorNETzip包後在FCKeditorNet_\bin\Debug目錄裡找到FredCKFCKeditorVdll其他文件沒用把FredCKFCKeditorVdll復制到我們的網站建立一個Bin目錄
引用FredCKFCKeditorVdll
配置WebConfig
<?xml version=?>
<!
注意: 除了手動編輯此文件以外您還可以使用
Web 管理工具來配置應用程序的設置可以使用 Visual Studio 中的
網站>AspNet 配置選項
設置和注釋的完整列表在
ments 中該文件通常位於
\Windows\MicrosoftNet\Framework\vx\Config 中
>
<configuration>
<appSettings>
<add key=FCKeditor:BasePath value=~/fckeditor//>
<add key=FCKeditor:UserFilesPath value=/Files/ />
</appSettings>
<connectionStrings/>
<systemweb>
說明BasePath是fckeditor所在路徑fckeditor由於我們直接放網站目錄下這樣寫就可以如果您的網站多放幾層適當調整即可
UserFilesPath是所有上傳的文件的所在目錄為什麼要設置成/Files這樣而不是~/Files因為FCKeditor使用這個值來返回你上傳後的文件的相對路徑到客戶端否則的話客戶訪問的時候就會取客戶的機器目錄而不是http形式的目錄
建議Files要單獨做wwwroot目錄下的一個站點比較好和我們的站點FCKEditor平行不要把它放FCKEditor裡為什麼呢?因為Files是要讓客戶有寫的權限的如果放FCKEditor下很危險
Files目錄要有寫的權限你根據自己網站需求設置那個帳號本文為方便設置User實際中你可能用ASPNET帳號更合理
修改fckeditor/fckconfigjs文件
在第行的位置
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
FCKeditor給其瘦身以_打頭的的都是范例文件或源文件不過建議小心
下面以上傳圖片示例說明如何使用
點擊浏覽服務器
彈出窗口很容易報錯
如果報錯XML request error: Internal Server Error()很可能就是目錄路徑不對和寫權限沒有
以下是代碼頁
defaultaspx |
|
<%@ Page Language=C# validateRequest=false AutoEventWireup=true CodeFile=Defaultaspxcs Inherits=_Default %>
<%@ Register Assembly=FredCKFCKeditorV Namespace=FredCKFCKeditorV TagPrefix=FCKeditorV %>
<!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN transitionaldtd>
<html xmlns= >
<head id=Head runat=server>
<title>FCKeditor文本編輯器</title>
</head>
<body>
<form id=form runat=server>
<div>
<fckeditorv:fckeditor id=FCKeditor runat=server DefaultLanguage=zhcn Height=px Width=px
></fckeditorv:fckeditor>
<input type=submit /></div>
</form>
</body>
</html>
From:http://tw.wingwit.com/Article/program/net/201311/12384.html