1、概述
FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。
FCKeditor官方网站：http://www.fckeditor.net/
FCKeditor Wiki：http://wiki.fckeditor.net/
2、下载FCKeditor
登录FCKeditor官方站（http://www.fckeditor.net），点击网站右上角“Download”链接。
3、安装FCKeditor
解压“FCKeditor_2.6.4.zip”文档到您的网站目录下，我们先假定您存放FCKeditor和调用脚本存于同一个目录下。fckeditor目录包含FCKeditor_2.6.4程序文件。
3.1、在JSP中使用Fckeditor
调用FCKeditor必须先载入FCKeditor js文件。具体代码如下。
<script type="text/javascript" src="/path/fckeditor/fckeditor.js"></script>
创建编辑器有三种方法，这里只介绍渲染<textarea>和用Javascript创建编辑器的方法：
第一种：渲染<textarea>
先在JSP或者HTML页面中创建一个<textarea rows=”10” cols=”20” name=”content”>，指定它的名字，比如我们这个<textarea>的名字是：content。然后在<head></head>中间加上：
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor('content') ;
oFCKeditor.BasePath = "/path/fckeditor/";
oFCKeditor.Width="100%";
oFCKeditor.Height="430";
oFCKeditor.ReplaceTextarea() ;
}
</script>
第二种：使用JavaScript创建编辑器：
在你希望编辑器出现的位置，加上：
<script type="text/javascript">
var oFCKeditor = new FCKeditor('content');
oFCKeditor.BasePath = "/ path/fckeditor/";
oFCKeditor.ToolbarSet = "Default";
oFCKeditor.Width="100%";
oFCKeditor.Height="430";
oFCKeditor.Create();
</script>
这样，我们的编辑器就创建好了。但是为了更好的使用Fckeditor，我们还需要对它进行一些配置.
3.2、配置篇：
首先，我们创建自己的配置文件，在fckeditor目录下，我们创建一个myconfig.js，和fckeditor.js处于同级目录下。
1. Fckeditor默认语言是英文的，所以，我们第一件事情就是把它改成中文的。
我们在自己的配置文件中，加入下面两句话：
FCKConfig.AutoDetectLanguage = false ;
FCKConfig.DefaultLanguage = 'zh-cn' ;
第一句话的意思是说，不要让Fckeditor自动检测语言，第二句话就是把默认语言改成中文。
2. 我们再来定义皮肤；Fckeditor默认的皮肤很难看，最起码我个人就不喜欢它的默认风格，所以我要把它改掉。在Fckeditor中定义了一套office2003的皮肤，我们就用它。在我们的配置文件中加入：
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/';
3. Fckeditor中，按Shift+Enter默认是换行，按Enter默认是一个段落，这显然不符合我们的操作习惯，我们也来改一下，还是在我们的配置文件中，加入下面这两句话：
FCKConfig.EnterMode = 'br';
FCKConfig.ShiftEnterMode = 'p';
4. 下来定义字体，Fckeditor默认没有中文字体，我们来加几个常用字体：
FCKConfig.FontNames = '宋体;幼圆;隶书;楷体_GB2312;黑体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;' ;
5. 字体大小，加入下面这句话：
FCKConfig.FontSizes = '12px;14px;16px;18px;24px;26px;28px;32px;' ;
扫一扫
179
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
