现在的位置: 首页 > 综合 > 正文

fckeditor编辑器的使用

2012年03月18日 ⁄ 综合 ⁄ 共 1751字 ⁄ 字号 评论关闭

关于fckeditor的文件及dll在下面这个地址下载:

http://download.csdn.net/source/3425245

主要步骤:

1、解压文件后,将fckeditor文件夹拷贝到根目录下,然后添加引用,浏览到dll文件夹中对应的dll即可。

2、添加fckeditor的注册及引入控件,如下

<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>

<FCKeditorV2:FCKeditor ToolbarSet="SmallBasic" ID="fck_content" runat="server" Width="100%" Height="290">
</FCKeditorV2:FCKeditor>

3、那个fckeditor文件夹放在网站根目录下,然后再Web.Config文件中<appSettings></appSettings>添加如下的几个配置项add。
<appSettings>
    <add key="FCKeditor:BasePath" value="~/fckeditor/"/>
    <!--FileUpLoad 配置-->
    <add key="ServiceAddress" value=""></add>
    <add key="UpLoadSize" value="102400"></add>
    <add key="AbsouleUrl" value=""/>
    <add key="RelativeUrl" value="upload_files\userFiles\"/>

   <add  key ="FCKeditor:UserFilesPath"  value ="~/upload_files/userFiles/"  />
      <!--End FileUpLoad 配置-->
</appSettings>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Admin_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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
           <%--SmallBasic(另外一种样式)--%>
        <FCKeditorV2:FCKeditor ToolbarSet="Default" ID="fck_content" runat="server" Width="100%"
            Height="290">
        </FCKeditorV2:FCKeditor>
    </div>
    </form>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text.RegularExpressions;

public partial class Admin_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string s = this.fck_content.Value;
        }
    }
}

 效果图如下:

抱歉!评论已关闭.