asp.net下使用FCKeditor 2.6.6
时间:2010-09-20 来源:使名扬
以前一直用lion的。因为现在写一个西班牙语的网站,FCKeditor 有现成的多国语言库,就改用FCKeditor了。
1.先从http://www.fckeditor.net/download 下载FCKeditor.Net_2.6.4.zip FCKeditor_2.6.6.zip
解压FCKeditor.Net_2.6.4.zip,提取FCKeditor.Net_2.6.4\bin\Release\2.0中的FredCK.FCKeditorV2.dll,添加引用。再加到左边的控件栏里吧。名字就叫FCKeditor
2.
安装配置
1、拷贝 "FredCK.FCKeditorV2.dll" 到BIN目录。拷贝fckeditor文件夹到站点跟目录;
上传图片的配置
------------------------------------------------------------
配置上传路径
1.见web.config
2.编辑FCKeditor"editor"filemanager"connectors"aspx"config.aspx 中修改
private bool CheckAuthentication()
{
return true;
}
2、用文本编辑器打开fckeditor/fckconfig.js文件,开始对编辑器进行配置;
var _FileBrowserLanguage = 'asp' ;
var _QuickUploadLanguage = 'asp' ;
改为
var _FileBrowserLanguage = 'aspx' ;
var _QuickUploadLanguage = 'aspx' ;
3、配置webConfig选项;

<add key="FCKeditor:BasePath" value="~/FCKeditor/"/>
<add key="FCKeditor:UserFilesPath" value="~/userfiles"/>
</appSettings>
<system.web>
...
<identity impersonate="true"/><!--Access数据库写权限 -->
<pages validateRequest="false" /><!-- 省得每个页面加HTML免过滤了-->
...
</system.web>
4、在页面中使用控件
添加页面指令:<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
添加一个控件:<FCKeditorV2:FCKeditor ID="FCKeditor2" runat="server" DefaultLanguage="zh-cn" Height="400px"></FCKeditorV2:FCKeditor>
使用示例
自定义按钮
1、用文本编辑器打开fckeditor/fckconfig.js文件
2、拷贝FCKConfig.ToolbarSets["Basic"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']] ;
改为:
FCKConfig.ToolbarSets["Myself"] = [['Bold','Italic','-','OrderedList','UnorderedList']] ;
3、设置控件的ToolbarSet属性。<FCKeditorV2:FCKeditor ID="FCKeditor2" ToolbarSet="Myself" runat="server"></FCKeditorV2:FCKeditor>
------------------------------------------------------------
换肤
系统提供了三种皮肤:default,office2003,silver; 在控件上设置SkinPath="editor/Skins/Default/";也可以通过程序完成设置
其它设置
在编辑器域内可以使用Tab键。(1为是,0为否) FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ;
示例代码
fckeditor.aspx
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" CodeFile="fckeditor.aspx.cs" Inherits="fckeditor" %>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<br />
全部按钮<br />
<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" >
</FCKeditorV2:FCKeditor>
<br />
基本按钮<br />
<FCKeditorV2:FCKeditor ID="FCKeditor2" ToolbarSet="Basic" runat="server"></FCKeditorV2:FCKeditor>
<br />
精简按钮<br />
<FCKeditorV2:FCKeditor ID="FCKeditor3" ToolbarSet="Basic2" runat="server">
</FCKeditorV2:FCKeditor>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<br />
<a href="fckeditor/_samples/default.html">浏览更多示例</a>
</div>
</form>
</body>
</html>
----
多国语言对照表
fckeditor\editor\lang里的js名字-全名
af : 'Afrikaans',
ar : 'Arabic',
bg : 'Bulgarian',
bn : 'Bengali/Bangla',
bs : 'Bosnian',
ca : 'Catalan',
cs : 'Czech',
cy : 'Welsh',
da : 'Danish',
de : 'German',
el : 'Greek',
en : 'English',
'en-au' : 'English (Australia)',
'en-ca' : 'English (Canadian)',
'en-gb' : 'English (United Kingdom)',
eo : 'Esperanto',
es : 'Spanish',
et : 'Estonian',
eu : 'Basque',
fa : 'Persian',
fi : 'Finnish',
fo : 'Faroese',
fr : 'French',
'fr-ca' : 'French (Canada)',
gl : 'Galician',
gu : 'Gujarati',
he : 'Hebrew',
hi : 'Hindi',
hr : 'Croatian',
hu : 'Hungarian',
is : 'Icelandic',
it : 'Italian',
ja : 'Japanese',
km : 'Khmer',
ko : 'Korean',
lt : 'Lithuanian',
lv : 'Latvian',
mn : 'Mongolian',
ms : 'Malay',
nb : 'Norwegian Bokmal',
nl : 'Dutch',
no : 'Norwegian',
pl : 'Polish',
pt : 'Portuguese (Portugal)',
'pt-br' : 'Portuguese (Brazil)',
ro : 'Romanian',
ru : 'Russian',
sk : 'Slovak',
sl : 'Slovenian',
sr : 'Serbian (Cyrillic)',
'sr-latn' : 'Serbian (Latin)',
sv : 'Swedish',
th : 'Thai',
tr : 'Turkish',
uk : 'Ukrainian',
vi : 'Vietnamese',
zh : 'Chinese Traditional',
'zh-cn' : 'Chinese Simplified'