FCKeditor.net 分为两部分:静态部分与组件本分。
下载最新页面
http://www.fckeditor.net/download
下载源码
http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125
解压缩下载包;编译源码,并生成组件。
安装配置
1、拷贝 "FredCK.FCKeditorV2.dll" 到BIN目录。拷贝fckeditor文件夹到站点跟目录;
2、用文本编辑器打开fckeditor/fckconfig.js文件,开始对编辑器进行配置;
var _FileBrowserLanguage = 'asp' ;
var _QuickUploadLanguage = 'asp' ;
改为
var _FileBrowserLanguage = 'aspx' ;
var _QuickUploadLanguage = 'aspx' ;
3、配置webConfig选项;
<appSettings>
<add key="FCKeditor:BasePath" value="/EDItTest/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/EDItTest/Files/" />
</appSettings>
4、在页面中使用控件
添加页面指令:<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
添加一个控件:<FCKeditorV2:FCKeditor ID="FCKeditor2" runat="server"></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>
设置语言
FCKeditor2.AutoDetectLanguage=false; //是否自动检测语言。根据用户浏览器的语言设置来显示浏览器的的语言。
FCKeditor2.DefaultLanguage = "en"; //设置输出的语言。
使用JS API
待完善
上传图片选项。
FCKConfig.ImageDlgHideLink= false ;
FCKConfig.ImageDlgHideAdvanced = true ;
FCKConfig.ImageUpload = false ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/' + _QuickUploadLanguage + '/upload.' + _QuickUploadLanguage + '?Type=Image' ;
FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" ; // empty for all
FCKConfig.ImageUploadDeniedExtensions = "" ; // empty for no one
换肤
系统提供了三种皮肤: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
"
%>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<!
DOCTYPE html PUBLIC
"
-//W3C//DTD XHTML 1.0 Transitional//EN
"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<
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
"
/>&
nbsp;
<
br
/>
<
a href
=
"
fckeditor/_samples/default.html
"
>
浏览更多示例
</
a
>
</
div
>
</
form
>
</
body
>
</
html
>
fckeditor.aspx.cs
using
System;
using
System.Data;
using
System.Configuration;
using
System.Collections;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Web.UI.HtmlControls;
using
FredCK.FCKeditorV2;
public
partial
class
fckeditor : System.Web.UI.Page
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
...
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
protected void Page_Load(object sender, EventArgs e)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
...{
FCKeditor1.AutoDetectLanguage=false;
FCKeditor1.DefaultLanguage = "en";
FCKeditor1.FillEmptyBlocks = false;
FCKeditor1.ToolbarCanCollapse = true;
FCKeditor1.SkinPath = FCKeditor1.BasePath + "editor/Skins/silver/";
}
protected void Button1_Click(object sender, EventArgs e)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
...{
string html= FCKeditor1.Value ;
}
}
下载最新页面
http://www.fckeditor.net/download
下载源码
http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125
解压缩下载包;编译源码,并生成组件。
安装配置
1、拷贝 "FredCK.FCKeditorV2.dll" 到BIN目录。拷贝fckeditor文件夹到站点跟目录;
2、用文本编辑器打开fckeditor/fckconfig.js文件,开始对编辑器进行配置;
var _FileBrowserLanguage = 'asp' ;
var _QuickUploadLanguage = 'asp' ;
改为
var _FileBrowserLanguage = 'aspx' ;
var _QuickUploadLanguage = 'aspx' ;
3、配置webConfig选项;
<appSettings>
<add key="FCKeditor:BasePath" value="/EDItTest/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/EDItTest/Files/" />
</appSettings>
4、在页面中使用控件
添加页面指令:<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
添加一个控件:<FCKeditorV2:FCKeditor ID="FCKeditor2" runat="server"></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>
设置语言
FCKeditor2.AutoDetectLanguage=false; //是否自动检测语言。根据用户浏览器的语言设置来显示浏览器的的语言。
FCKeditor2.DefaultLanguage = "en"; //设置输出的语言。
使用JS API
待完善
上传图片选项。
FCKConfig.ImageDlgHideLink= false ;
FCKConfig.ImageDlgHideAdvanced = true ;
FCKConfig.ImageUpload = false ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/' + _QuickUploadLanguage + '/upload.' + _QuickUploadLanguage + '?Type=Image' ;
FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" ; // empty for all
FCKConfig.ImageUploadDeniedExtensions = "" ; // empty for no one
换肤
系统提供了三种皮肤:default,office2003,silver; 在控件上设置SkinPath="editor/Skins/Default/";也可以通过程序完成设置
其它设置
在编辑器域内可以使用Tab键。(1为是,0为否) FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ;
示例代码
fckeditor.aspx
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)