一、开始:
1. 下载FCKeditor2.2。(界面及JS)->编辑器内核
地址:http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=75845
2.          下载FCKeditor2.2.NET(DLL,类库,不包括编辑器内核)
地址:http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

二、在WEB程序中进行配置
1.解压FCKeditor_2.2.ZIP,里面包含FCKeditor的核心编辑器文件。解压后得到一个
     FCKeditor文件夹,在.net环境下,可以只保存editor文件夹,和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml四个文件。
2.解压FCKeditor2.2.Net。在解压的文件中的bin文件来,有一文件DLL(FredCK.FCKeditorV2.dll)。
3. 建立WEB程序
4. 拷贝FCKeditor目录到Web程序的根目录中(FCKeditor)中包括了核心编辑器。
5. 在VS2005中,在WEB工程上单击右键,选择“添加引用”(Add Reference…),找到浏览(Browse)标签,然后定位到你解压好的FredCK.FCKeditorV2.dll。然后确认
       .为了方便RAD开发,我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来,展开工具箱的常用标签组(General),右键选择组件(Choose Items…),在对话框上直接找到浏览按钮,定位FredCK.FCKeditorV2.dll,然后确认就可以了。     5A

三、FCKeditor在项目中的配置

         1、打开要添加FCKeditor的Page.

               有两种方式来添加FCKeditor,如果你采用上面5A的步骤,则可以直接把FCKeditor控件从工具箱中

                放到Page(Design)上。这时你看到的是一个站位框,只有运行时才能看到效果。鼠标右键单击FCK

               editor,然后可以配置FCKeditor控件的一些属性。重要的属性有:BasePath="~/FCKeditor/“,注意:

               这样配置路径,则FCKeditor文件夹必须放在Web程序的根目录下,同时要设置FCKeditor控件运行在

               服务器端(runat="Server")

        2. 打开Page,切换到源代码模式(Source),我们可以看到IDE自动生成的代码:

            (Source),我们可以看到IDE自动生成的代码:

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

 

<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server"></FCKeditorV2:FCKeditor>

     如果采用二大步中的第5部来添加FCKeditor控件时,就可以手动把这些代码写上去。

      3.运行程序,你就可以在页中看到FCKeditor控件的效果了。

       4.FCKeditor控件的属性及事件列表

      

属性列表:

AutoDetectLanguage
BaseHref
BasePath
ContentLangDirection

CustomConfigurationsPath
Debug
DefaultLanguage
EditorAreaCSS

EnableSourceXHTML
EnableViewState
EnableXHTML
FillEmptyBlocks

FontColors
FontFormats
FontNames
FontSizes

ForcePasteAsPlainText
ForceSimpleAmpersand
FormatIndentator
FormatOutput

FormatSource
FullPage
GeckoUseSPAN
Height

ID
ImageBrowserURL
LinkBrowserURL
PluginsPath

runat
SkinPath
StartupFocus
StylesXMLPath

TabSpaces
ToolbarCanCollapse
ToolbarSet
ToolbarStartExpanded

UseBROnCarriageReturn
Value
Visible
Width


事件列表:

OnDataBinding

OnDisposed

OnInit

OnLoad

OnPreRender

OnUnload


四、配置到这一步,并没有完全配置成功

          在Default.aspx的运行模式下,点FCKeditor的“插入/编辑图像”(又或者是Flash)功能,在弹出框点“浏览服务器”,又弹出一个对话框,此时随即出现的是一个错误提示框XML request error: Forbidden(403).

          得到这样的错误有Web开发经验的都知道403应该是读写权限的问题。可是为什么呢?原因在于没有配置UserFiles路径。

      解决方法:Web. Config文件,修改appSettings元素,配置如下:

       


<appSettings>

    <add key="FCKeditor:BasePath" value="~/FCKeditor/"/>

    <add key="FCKeditor:UserFilesPath" value="/Web根目录文件夹名/Files" />

</appSettings>

设置了FCKeditor:BasePath后就不用再每次使用FCKeditor实例时指定BasePath属性了,FCKeditor:UserFilesPath则是制定我们所有上传文件的目录。

   

     注:你也许会问为什么要设置成/Web根目录文件夹名/Files这样而不是~/Files,因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端,~/Files的形式是ASP.NET在服务可以编译解释的,但是在客户端的静态就不懂这是什么了。如果使用~/Files后,那么所有上传文件的返回路径都是~/Files形式的,你就会得到这样的链接http://~/Files/Image/logo.gif这样的链接解果就是路径为找到。所以才要我们上述那样设置,这是在开发阶段,如果在工程完成后发布时请记住把/FCKPro/Files改成/Files,道理不说大家也明白,开发阶段VS2005在运行项目时的URL是http://localhost/项目名称/的形式,发布后在Server上建立站点,跟路径就是http://www.abc.com/的形式了,所以发布后一定要改过来。这些地方是在使用FCKeditor2.2+ASP.NET2.0时经常发错误而又莫名其所云的地方。

 

五、这个上传的功能至此还差最关键的一步。在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,保存关闭这个文件。OK.
六、FCKeditor如何取值
      在.net程序下,我们可以直接用FCKeditor的ID,然后.value取值,例如
      FCKeditor.Value
      但程序可能提示错误,原因在于.net下不能取得html的源代码,利如<strong>asdfadf</strong>
      解决的办法为:设置Page的ValidateRequest ="false"
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"    ValidateRequest ="false"%>

posted on 2007-10-27 11:22  苗SIR  阅读(519)  评论(0编辑  收藏  举报