FCKeditor.net编辑器使用教程
来源：互联网 发布：网络4路录像机安装视频 编辑：程序博客网 时间：2024/05/21 17:46
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" %>
<!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.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
...{
protected void Page_Load(object sender, EventArgs e)
...{
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)
...{
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
<%@ 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>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...{ protected void Page_Load(object sender, EventArgs e) ...{ 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) ...{ string html= FCKeditor1.Value ; }}- FCKeditor.net编辑器使用教程
- FCKeditor.net使用教程
- FCKeditor.net使用教程
- FCKeditor.net使用教程
- ASP.NET FCKeditor 文本编辑器的使用
- ASP.NET FCKeditor 文本编辑器的使用
- ASP.NET FCKeditor 文本编辑器的使用
- FCKeditor For ASP.Net 文本编辑器使用
- FCKeditor编辑器使用
- FCKeditor编辑器使用
- FCKeditor编辑器使用
- FCKeditor编辑器的使用
- FCKEditor编辑器使用集锦
- fckeditor网页编辑器使用
- HTML编辑器FCKeditor使用
- fckeditor编辑器的使用
- 如何使用fckeditor编辑器
- fckeditor编辑器使用
- myeclipse装上后，速度要快的技巧
- 程序员真实写真35岁前成功的12条黄金法则
- VC实现串口通信例程
- 一个程序员的成长的六个阶段
- css做的菜單
- FCKeditor.net编辑器使用教程
- 不容易呀，终于打算开自己的BLOG了
- GOOGLE扔玻璃球的面试题
- 机器上一个usb audio的设备
- VS2005设置Unicode或ASCII字符集问题
- 一行代码解决iframe挂马（服务器端注入、客户端ARP注入等）
- 如何检测U盘插入拔出？
- 深入理解 ViewState
- myeclipse下配置struts2.0遇到的问题
