asp.net中FCKeditor的使用

最近在做一个网站也是第一次做网站,在做后台时就想到要用文本编辑器,在网上看了下几种常见的编辑器
http://www.cnblogs.com/conquer/archive/2008/05/05/1183386.html
同时也是我之前网上收集的,一在顺便就看了下,选中了其中的FCKeditor了。下面就说下使用过程的

首先到网上下载个FCKeditor。它的官方网站是 www.fckeditor.net.你可以从官方网站上下载最新版本的FCKeditor.下载页面是http://www.fckeditor.net/download。现在最新的版本是FCKeditor 2.6.3 。注意还要下载另外一个东西。找到FCKeditor.Net,下载最新的控件。

这样你就得到了两个东西,FCKeditor_2.6b.zip和FCKeditor_Net.zip.两个压缩包。

1,将FCKeditor_2.6b.zip解压缩,把解压后的fckeditor文件夹整个复制到我们的网站中。注意最好把fckeditor放置在网站的根目录下。

2,解 压缩FCKeditor_Net.zip.你将看到一个名叫FredCK.FCKeditorV2.dll的文件(可能因为版本的不同名称略有差异)。现 在就要把它添加引用到我们的网站。方法是在解决方案资源管理器中右键点击项目名,选择添加引用。在弹出的对话框中选择 浏览 标签并找到那个dll文件,点击确定。你会发现网站多了个叫bin的目录,FredCK.FCKeditorV2.dll就在里面。

3,打开工具箱,右键点击选择 添加选项卡,取名为webeditor并点击确定。在此选项卡上点击右键选择 选择项。在弹出的对话框中浏览找到此dll文件,并点击确定。这时你就可以看到webeditor选项卡中多了个叫fckeditor的控件了。

4,使用这个控件很简单,和使用.net其他控件一样,将其拖拽到页面上就可以了。

在页面中的代码如下:

<div >

 <%--FckEditor文本编辑器--%>

<FCKeditorV2:FCKeditor ID="cFckeditor" runat="server" Height="300px"  Width="600px" BasePath="~/FckEditor/" />

</div>

注意要配置几个参数.BasePath为引用地址,随着你放置fckeditor文件夹位置的不同而不同。除此之外还有好多参数,如设置默认语言,上传图片路径,是否支持全屏显示...等待。我在这里就不一一列举了。

5,如果你嫌每次都要配置BashPath等参数很麻烦的话,你可以把其配置信息增加到config文件中。代码如下:

  <appSettings>

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

  </appSettings>

6,还有一点一定要注意,有的时候你要在使用了fckeditor的页面的顶部page元素里面增加ValidateRequest="false"。这样就不会出现 “检测到有潜在危险的 Request.Form 值。”的错误了。

7,如何获取fckeditor编辑器中的值那,用 fckeditor.value即可。获取的是html的源代码。


8,.配置fckeditor

     找到fckeditor\editor\filemanager\connectors\aspx,把函数CheckAuthentication()中的return false 改为return true

     找到fckeditor\fckconfig.js
     将var _FileBrowserLanguage = 'PHP' ; // asp | aspx | cfm | lasso | perl | php | py
        var _QuickUploadLanguage = 'PHP' ; // asp | aspx | cfm | lasso | perl | php | py

     改为

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

     5.配置文件的路径
        打开VS的,菜单栏中的"网站","asp.net配置",点“应用程序设置”,“创建应用程序设置”,在名称栏里填写FCKeditor:BasePath,值选项里面填写~/fckeditor/注意:这是fckeditoR文件夹相对于bin文件夹中的dll的路径,填错的话,会找不到文件的。)保存。

     同上再添加一下“名称”FCKeditor:UserFilesPath,值~/Files/(这也是相对于dll的路径),files用于存放上传的文件。然后在你的网站里建一个files文件夹,里面再建一上image文件夹

 另外还可以根据自己页面的需求更改适应的皮肤,FCLeditor默认的有三个,default,office2003,silver
可根据自己的选择相应的。下面说下怎么更换
在fck目录下编辑fckconfig.js 找到这行
FCKConfig.SkinPath = FCKConfig.BasePath +
可修改
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;

原文地址:https://www.cnblogs.com/conquer/p/1319626.html