Website 订阅所有Website的日志

04

12

FCKeditor 使用方法 配置 asp .net dotnet

作者:独木舟 日期:2008-04-12

字体大小: 小 中 大
下载
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="~/FCKeditor/"/>
   <add key="FCKeditor:UserFilesPath" value="/FCKPro/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" />&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
...{

    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
FCK的组成:
1.FCK核心文件(包括图片,JS...)
2.FCK.NET文件(就一个dll,名字叫FredCK.FCKeditorV2.dll)

FCK的安装
官方网站http://www.fckeditor.net/
官方文档http://wiki.fckeditor.net/
请输入大于5个字符的标题 


还有一个是FCK.net就在下面,就不带图片了...

FCK的安装
下载回来以后,将两个文件分别解压,核心文件夹里的.js和.xml以及editor文件夹不要动,其他的文件嘛可以删除,不过我们不建议你这么做..因为FCK是适合很多语言的(比如asp,php...)所以一看就知道,其他文件就是用来做别的语言的工作的..
.net里的只有一个dll文件,在 FCKeditor.Net_2.2\bin\Debug目录下的FredCK.FCKeditorV2.dll...
修改fckconfig.js中的以下部分,将两行的asp都改成aspx...

var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php

打开FCKPro工程的Web. Config文件，修改appSettings元素，配置如下：
<appSettings>
<add key="FCKeditor:BasePath"value="~/FCKeditor/"/>
<add key="FCKeditor:UserFilesPath"value="/FCKPro/Files" />
</appSettings>
配置Web.Config的目的在于我们想使用它强大的文件上传功能...

在工程中引用此dll,并在控件中也引用进来,这样就可以使用它了..

至于如何获取它的内容,很简单,就一句话FCKeditor1.Value就可以了

以下是代码页..
default.aspx |
----------------------|
<%@ Page Language="C#" validateRequest=false AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ 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 id="Head1" runat="server">
<title>FCKeditor文本编辑器</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<fckeditorv2:fckeditor id="FCKeditor1" runat="server" DefaultLanguage="zh-cn" Height="400px" Width="660px"
></fckeditorv2:fckeditor>
<input type=submit /></div>
</form>
</body>
</html>


Default.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 System.Data.OleDb;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string strsql = "select id,news from guestbook";
string conn = "provider=Microsoft.Jet.OleDb.4.0;Data Source=" + Server.MapPath(".") + ".\\db.mdb;";
OleDbConnection objconn = new OleDbConnection(conn);
OleDbDataReader objreader = null;
OleDbCommand mycmd = new OleDbCommand(strsql, objconn);
objconn.Open();
objreader = mycmd.ExecuteReader();
objreader.Read();
objreader.Read();
objreader.Read();//使用这么多次的Read是因为我想查看数据库里第5条数据
objreader.Read();
objreader.Read();
FCKeditor1.Value = (string)objreader["news"];
objreader.Close();
objconn.Close();


}
}

下面这个是标程的下载地址:
http://dl2.csdn.net/down4/20070713/13204720486.rar




文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复Glave[2008-04-12 09:21 AM | del]
伟哥，好东西哦
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.