fckeditor在asp.net(delphi.net)中使用

从blog.org的我的原博客中迁入

发表时间:2007-1-20 19:23:24

心得:

必须在页面的ONLOAD事件中加入两句话,动态地设置图片的路径,否则将不正确

 Session.add('FCKeditor:UserFilesPath', '/myfirsteco/userfiles/');
 FCKeditor1.BasePath := Request.ApplicationPath + '/FCKEditor/';

当然这里的MYFIRSTECO是项目文件夹,USERFILES是上传文件夹,费时两小时

安装:

针对于ASP.NET开发者来说,你有两种选择:
1.        只使用FCKeditor,下载 http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=75845,然后自行配置其中的几个核心js文件。对此发开不作为本文所讨论的范畴。
2.        使用FCKeditor.Net,下载 http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125。需要声明的是,这个文件只是一个ASP.NET控件DLL文件,并不包括FCKeditor的编辑器内核。所以你还应该下载上一种方式中提到的文件包。
 
下面结合一个ASP.NET2.0的项目来具体看看FCKeditor的安装、配置。在开始之前请先下载FCKeditor文件包和FCKeditor.Net 服务器控件。启用VS2005新建一个C#的WEB Site工程,取名FCKPro。
 
FCKeditor 安装:
所谓安装就是一个简单的拷贝过程。
把下载的FCKeditor_2.2.zip文件包直接解压缩到FCKPro的根目录下,这样根目录下就得到一个FCKeditor文件夹,里面富含所有FCKeditor的核心文件。
然后把下载的FCKeditor.Net_2.2.zip随便解压缩到你硬盘的一个空目录,里面是FCKeditor.Net的源代码(基于.NET1.1的C#工程),你可以用VS2003来对它进行再度开发,本文尚不涉及本内容,我们只是直接使用FCKeditor.Net工程目录下的/bin/Release目录中的FredCK.FCKeditorV2.dll文件。
在VS2005中添加对FredCK.FCKeditorV2.dll的引用:
1.        在FCKPro工程浏览器上右键,选择添加引用(Add Reference…),找到浏览(Browse)标签,然后定位到你解压好的FredCK.FCKeditorV2.dll,确认就可以了。这时,FCKPro工程目录下就多了一个bin文件夹,里面包含FredCK.FCKeditorV2.dll文件。当然,你也可以完全人工方式的来做,把FredCK.FCKeditorV2.dll直接拷贝到FCKPro/bin/下面,VS2005在编译时会自动把它编译进去的。
2.        为了方便RAD开发,我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来,展开工具箱的常用标签组(General),右键选择组件(Choose Items…),在对话框上直接找到浏览按钮,定位FredCK.FCKeditorV2.dll,然后确认就可以了。这时工具箱呈现
 
设置:

1.在你的WEB工程的WEB.INF中加入

 <appSettings>
   <add key="FCKeditor:BasePath" value ="http://localhost:8080/myfirsteco/"/>
   <add key ="http://blogger.org.cn/blog/FCKeditor:UserFilePath" value ="/userfiles"/>
 </appSettings>

此处两行需要在上传到网站时改为你正确的网站路径,你还需要在你的网站根文件夹下建立一个USERFILES的文件夹才正确.

2.在你的.ASPX(DELPHI.NET)文件中作如下改动

<%@ Page language="c#" validateRequest="false"  Debug="true" Codebehind="WebForm1.pas" AutoEventWireup="false" Inherits="WebForm1.TWebForm1" %>

1..上面的红色部分是要加入的,否则在FCKEDITOR中输入HTML代码时会报错.
<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2"%>

2..这里一行是新加的,是针对FCKeditor的,必须有,否则不能用

<html>
  <head><title></title>
  </head>

  <body style="HEIGHT: 603px">
  <form runat="server" method="post"  id="form1">
      <p></p>
      <p>
  <table style="WIDTH: 673px; HEIGHT: 81px" cellspacing="1" cellpadding="1" width="673" border="1">
            <tr>
              <td style="WIDTH: 78px">标题</td>
              <td>
   <p>
      <ASP:TextBox id="TextBox1" runat="server" width="579px"></ASP:TextBox></p></td>
            </tr>
            <tr>
     <td style="WIDTH: 78px; HEIGHT: 500px"></td>
     <td style="HEIGHT: 446px">
   <p>
 <FCKeditorV2:FCKeditor id="FCKeditor1" runat="server" height="500px">
 </FCKeditorV2:FCKeditor></p></td>

3..此处为调用编辑器
            </tr>
            <tr>
              <td></td>
              <td valign="top">
    <ASP:Button id="Button3" runat="server" width="59px" text="取消"></ASP:Button>
      <ASP:Button id="Button1" runat="server" text="保存" width="57px"></ASP:Button></td>
            </tr>
        </table></p>
  </form>
  </body>
</html>

3,改动FCKCONFIG.JS

在FCKeditor所在根目录下(FCKPro/FCKeditor/)找到fckconfig.js文件,用文本编辑器打开,在大概132行(大概是因为之前您也许参考其它资料更改过这个文件了)的地方找到:

 
var _FileBrowserLanguage    = 'asp' ;      // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage  = 'asp' ;      // asp | aspx | cfm | lasso | php
 
把这两行赋值代码的值由asp改成aspx,保存关闭这个文件。
 
要注意的是上传图片文件夹最好在网站根目录下去新建一个子文件夹,否则有可能不能使用.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值