baby_shark

FCKedit是另外一款非常好的在线编辑器,功能强大,操作简单。

先截效果图看一下

image

官方网站http://www.fckeditor.net/

下载下来的版本没有太详细的说明文档,网站上的文档倒是很全http://docs.fckeditor.net/

在线文档做得很好,很详细:

image

先看看User\'s Guide,如何使用,界面怎么样:

  1. 概述:
    FCKedit是一款轻量级的在线编辑器。提供了常用的一些功能,就好像是一个网页上的word
    可以在这上面编辑文本、调整格式、创建表格还有一些其它的功能
    控件不需要安装,支持大多数常见的浏览器Internet Explorer、Firefox、Safari和Opera
    FCKedit是为开发者设计的,可以将其融入自己的网站,这个User\'s Guide是为最总用户写的,告诉他们怎么使用。
    FCKedit应用很广泛,你可以在不同的地方看到它,可能功能、设计因为应用地方不同而不同,但是整体功能都是相同的。
    它可能会应用到你意向不到的方面。
  2. 功能的快速御览:
    image 
    详细见网站http://docs.fckeditor.net/FCKeditor_2.x/Users_Guide/Quick_Reference
  3. 具体的使用方法不是本文介绍的重点,请参阅官方网站

下面介绍重点内容,如何将此控件用于开发:

1、概述:

FCKedit这款产品都适用于哪些方面呢?它可以用在CMS,个人站点、博客系统、社区网站和论坛等。
FCKedit可以按照需求进行很多设置和扩展,诸如拼写检查等,而且这些设置和扩展都很简单。
网站上说还自带一个Built in File Browser,不知道怎么解释这个东西,不管它先
FCKedit支持多种语言:

      1. JavaScript
      2. AFP
      3. ASP
      4. ASP.NET
      5. ColdFusion
      6. Java
      7. PHP
      8. Python
      9. 其它 客户端语言

    对浏览器的要求:

    1. Internet Explorer 5.5+
    2. Firefox 1.5+
    3. Safari 3.0+
    4. Opera 9.5+
    5. Netscape 7.1+
    6. Camino 1.0+

    2、 在ASP.NET中使用

    添加引用:

    第一步:下载
    需要下载两个文件,下载的页面是http://www.fckeditor.net/download
    目前最新的两个版本是FCKeditor 2.6.4FCKeditor.Net(APS.NET开发中必须使用)
    这两个压缩包在后面的程序中都需要使用。

    第二步:解压缩
    解压缩之后可以到源代码和编译之后的不同版本。
    FCKeditor.Net解压之后截图:
    image

    FCKeditor 2.6.4解压之后,有一个文件夹,fckeditor,文件夹内截图:
    image
    这里面主要是一些图片、css和JavaScript。
    bin目录中有.NET 1.x和2.0版本,可以直接在VS中使用。
    文件夹中还附有程序的源代码可以进行修改。

    在程序中使用:

    将控件添加到工具箱:
    image 
    这时候就可以拖拽或者手动编码使用这个控件了
    添加的一个引用:<%@ Register assembly="FredCK.FCKeditorV2" namespace="FredCK.FCKeditorV2" tagprefix="FCKeditorV2" %>
    添加的控件<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" Width="600" Height="400" BasePath="/fckeditor/" >
            </FCKeditorV2:FCKeditor>

    这样就添加好了。

    一段示例代码:
    <%@ Page Language="C#"%>
    <%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Sample Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server"></FCKeditorV2:FCKeditor>
            <input type="submit" value="Submit" runat="server" /> </form>
    </body>
    </html>

    FCKedit还可以配置工具栏、样式、拼写检查等,有兴趣的朋友可以看一下文档

    http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide

    分类:

    技术点:

    相关文章: