在实际WEB开发中，越来越多的用到HTML文本编辑器来录入有固定格式的大文本信息。

比方说BLOG的文章录入的部分。FCKEditor是一款使用简单、实用的轻量级的HTML文本编辑器控件，他支持IE5.5+，Firefox1.0+，Mozilla1.3+，Netscape7.0+等各种不同的主流的浏览器。

使用方法：

1、到http://www.fckeditor.net/download下载最新版本。当前版本为FCKeditor 2.5.1

2、解压后将fckeditor整个文件夹拷贝到你项目的相应目录中。

3、在相应的动态页面创建fckeditor是一个很简单的操作。

Js代码

varoFCKeditor =newFCKeditor('fck') ;

oFCKeditor.BasePath ='/html/js/fckeditor/';

oFCKeditor.Config['ToolbarStartExpanded'] =false;

oFCKeditor.ToolbarSet   ='Basic';

oFCKeditor.ReplaceTextarea() ;

var oFCKeditor = new FCKeditor( 'fck' ) ;

oFCKeditor.BasePath= '/html/js/fckeditor/' ;

oFCKeditor.Config['ToolbarStartExpanded'] = false ;

oFCKeditor.ToolbarSet= 'Basic' ;

oFCKeditor.ReplaceTextarea() ;

引入CSS样式和JS文件，然后用简单的几行代码就可以完成一个FCKEditor控件了。

4、将fckeditor与相关的HTML标记绑定。

Xml代码

只需要将我们的HTML标记的name属性和new FCKeditor('fck');构造函数中的名称保持一直就可以了，和原本的HTML代码完全没有过多的相关性。

以上就已经完成了一个简单的(Basic)的FCKeditor，如果觉得编辑框不够丰富的话，将下面两行代码去掉就可以了

Xml代码

//oFCKeditor.Config['ToolbarStartExpanded'] = false ;

//oFCKeditor.ToolbarSet='Basic';

//oFCKeditor.Config['ToolbarStartExpanded'] = false ;

//oFCKeditor.ToolbarSet= 'Basic' ;  如果你的FCKeditor看到不任何工具，只在左上角有一个向下的三角箭头的话，不用怀疑，用鼠标左键单击小箭头再试试吧。。

就是这么的简单。。

另外FCKeditor还支持插件功能，如果你对CSS有一定的造诣，可以尝试更改编辑器的显示效果咯。更多相关信息请参考FCKeditor的官方网站。

下面是用来在页面中建立编辑器的FCKEDITOR类的说明，摘自：

注意：

FCKeditor有一个BasePath的属性，是指定FCKeditor在你项目中的根目录。本例中我是将FCKeditor放在项目的/html/js/fckeditor/的文件夹中。如果你在尝试的过程中看不到效果，可以检查下这部分的设置。另外CSS和JS文件的引入路径也是一个需要注意的地方，仅做提醒。

其他：

FCKEditor只是一种工具(或控件)，如果你不喜欢使用或者觉得他不能满足你的需求，可以尝试使用一些其他的HTML文本编辑器，另外也推荐另外一个比较好的支持word编辑方式的控件

TinyMCE

官方网站：http://tinymce.moxiecode.com/index.php

里面有一些DEMO还有文档，具体内容请自行参考。