FCKEditor 在ASP.NET中的使用

最新推荐文章于 2024-09-24 19:13:50 发布

spring21st

最新推荐文章于 2024-09-24 19:13:50 发布

阅读量1.4k

点赞数

分类专栏： ASP.NET 文章标签： fckeditor asp.net assembly server download path

ASP.NET 专栏收录该内容

105 篇文章 0 订阅

订阅专栏

英文地址：http://wiki.fckeditor.net/Developer%27s_Guide/Integration/ASP.Net

FCKEditor是运行在客户端浏览器上的一个JavaScipt应用程序。只要你愿意，你可以不必考虑服务器段端各种严格的限制，但是，如果你想使用其强大的功能，仍然需要选择服务器的安装使用包来满足您的需要。

对于ASP.NET而言，FCKEditor可以像其他WebForms上的控件一样使用。这个安装包名称为FCKEditor.Net。

按照下面的步骤，你可以非常容易的在你的ASP.Net Web页面中使用FCKEditor。

必要条件：

在进行下面的步骤之前，你必须从网站上下载和安装（只是复制到你的web站点即可），其中，下载的FCKeditor.Net package 是不包含editor核心组件的，它只是使你在ASP.Net环境下方便的使用FCKEditor。

你可以从下面的站点获得最新的FCKEditor版本：http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

1.假设你的编辑器安装在网站"/FCKeditor/"目录下，现在你需要将FCKeditor ASP.Net Control DLL 添加到你的页面中，你可以到下面的站点获得最新的版本：http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

2.将下载的压缩文件中bin/Release/FredCK.FCKeditorV2.dll添加到你的工程引用中

3.在工具箱中添加bin/Release/FredCK.FCKeditorV2.dll，可以看到工具箱中会出现FCKeditor工具，拖一个控件到web页面，你可以看到在aspx中自动添加了以下代码：（当然也是可以直接在代码中手工添加的）

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

同时在标签 <FORM runat="server">:

<FCKeditorV2:FCKeditor id="FCKeditor1" BasePath="~/FCKeditor/" runat="server" />

其中的BasePath是FCKeditor在所在网站的路径。

下面是一个比较简单的例子：

<%@ Page ValidateRequest="false" Language="VB" AutoEventWireup="false" %>

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

<html>

<head>

<title>FCKeditor - Sample</title>

</head>

<body>

<FCKeditorV2:FCKeditor id="FCKeditor1" BasePath="~/FCKeditor/" runat="server" />

<br />

</form>

</body>

</html>

文件浏览与上传功能

FCKEditor提供默认的文件浏览与上传功能，但是要将fckconfig.js中的 _FileBrowserLanguage and _QuickUploadLanguage entries and set their values to 'aspx'。

ASP.Net 2.0最好的摘要安装说明

1. 下载：

download http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=75845

download http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

2. 最小化安装：

① 将FredCK.FCKeditorV2.dll放到bin文件夹下

② 为FCKeditor创建一个目录，将FCKeditor放到里边

③ 为用户创建一个目录，使Internet用户可以对其使用的权限进行修改

3. 修改Web.config文件

<add key="FCKeditor:BasePath" value="[path where editor is]" /> /*FCKeditor's path */

<add key="FCKeditor:UserFilesPath" value="[path users upload files]" /> /*User Files path */

</appSettings>

4. 使用ASP.net和themes备注：

a. "editor/filemanager/upload/aspx/upload.aspx"

a. "editor/filemanager/browser/default/connectors/aspx/connector.aspx"

and modify the first line to add Theme=""and StylesheetTheme="" as follows:

<%@ Page Language="VB" Inherits="FredCK.FCKeditorV2.FileBrowserConnector" AutoEventWireup="false" Theme="" StylesheetTheme="" %>

5. 为每个使用FCKEditor的页面添加如下代码：

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

also set ValidateRequest to false like below...

<%@ Page Language="VB" Inherits="FredCK.FCKeditorV2.FileBrowserConnector" AutoEventWireup="false" ValidateRequest="false" %>

6. 通过代码动态的添加编辑器：

① 如果你使用的应用程序的方法（虚拟目录），你需要在web.config中设置BasePath

For example if this is your FCKeditor path "c:/inetpub/wwwroot/virtualdir/FCKeditor/" add this:

② 使用Session来设置文件浏览的路径，在控制之前添加session变量（当需要动态目录时这将非常有用）

 Session("FCKeditor:UserFilesPath") = "/virtualdir/userfiles/"

③ 为了建立正确的BasePath，通过使用请求对象实现。这里我假设正确的路径为http://<host>/FCKEditor/

 FCKeditor1.BasePath = Request.ApplicationPath + "/FCKEditor/";

④ 在页面上添加如下的控制语句：

Dim fckeditor As New FredCK.FCKeditorV2.FCKeditor

fckeditor.ImageBrowserURL = "http://localhost/virtualdir/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/aspx/connector.aspx"

fckeditor.ID = "dynamicname"

fckeditor.Value = "the text you want in the FCK editor"

fckeditor.SkinPath = "skins/silver/"

fckeditor.ToolbarSet = "Default"

myForm.Controls.Add(fckeditor)