黄博文的地盘

专注WEB开发,共闯编程之路。

« SEO优化之发表文章提高流量地址栏图标显示问题 »

asp.net中FCKeditor的使用

今天有人问我如何在asp.net网站中使用在线文本编辑器。其实这个问题以前也困扰了我好久。我还在用asp做开发的时候曾试着使用文本编辑器,可费了老大的功夫。记得那时候问了好多人,都没给出详细的使用方法

目前最流行的文本编辑器恐怕就是FCKeditor了。它的官方网站是 www.fckeditor.net.你可以从官方网站上下载最新版本的FCKeditor.下载页面是http://www.fckeditor.net/download。现在最新的版本是FCKeditor 2.6 beta。注意还要下载另外一个东西。找到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的源代码。

其实使用fckeditor还是有很多学问的。比如给fckeditor减肥啊,更换皮肤,定制自己的功能等。以后有空我会给大家讲解。

  • quote 1.我有疑问
  • 我也使这样做的,但是我想从aspx页面的javascript脚本中 对fckeditor.value操作为什么不对,老是改变不了其值
  • 2008-6-24 15:20:52 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Devo Build 80201

蜀ICP备08002594号. All Rights Reserved.
黄博文 版权所有 huangbowen521@126.com