在使用PHP开发留言板、CMS、博客时都涉及文本信息的处理，如何将信息优美地展现在读者面前是PHP网站开发建设者所追求的，而在线编辑器实现了可视化的功能，最早PHP网站开发者都是使用UBB来实现文本信息的展现功能，之后出现了类似于WORD的在线编辑器，今天和大家介绍的是老牌在线编辑器Fckeditor在PHP环境中安装配置与使用方法说明。
Fckeditor支持多种开发语言，如PHP、.NET、JAVA等，本文使用的是Fckeditor2.6.6版本，主要介绍Fckeditor2.6.6在PHP环境中如何安装配置以及使用说明。
准备工作
首先我们需要下载Fckeditor安装源码包，请点击下载Fckeditor ，推荐下载Fckeditor2.6.6，根据系统环境你可以下载zip包或者tar.gz包。
另外如果没有进行PHP环境配置 ，先配置PHP环境。
Fckeditor安装说明
Fckeditor安装非常方便，只要解压下载的Fckeditor2.6.6.zip包，将解压的Fckeditor2.6.6文件夹下fckeditor文件夹复制到相应项目文件夹下即可。
Fckeditor使用方法说明
Fckeditor使用较为简单，由于Fckeditor基本上都是使用在Form表单中，以方便用户使用Fckeditor输入相关信息后提交到Mysql数据库，所以
第一步 ：先建立FORM表单以方便使用Fckeditor，FORM表单如下
1
2 3 4 5 6 7 8 9 10 11 12 13 |
<head
>
<title > PHP教程-Fckeditor2.6.6在PHP环境中安装配置与使用方法说明</ title > <meta http-equiv = "Content-Type" content = "text/html; charset=GBK" > </ head > <body > <form action = "leapsoulcn.php" method = "post" target = "_blank" > /** 使用Fckeditor的地方 **/ <input type = "submit" value = "Submit" > </ form > </ body > </ html > |
第二步 ：建立好表单，由于Fckeditor其实也是第三方类库，为了使用Fckeditor，我们需要引入接口模块，fckeditor目录下有多种语言的接口文件，由于使用的是PHP，所以只要引入php类型的接口文件即可，即在FORM表单中使用Fckeditor的地方输入
1
2 3 |
<?
include_once ( "fckeditor/fckeditor.php" ) ; ?> |
注意点 ：include时注意目录结构，如果不引入此文件或引入错误会报找不到fckeditor类的错误信息。此处FORM表单文件与fckeditor文件夹属于同级目录。
第三步 ：在FORM表单使用Fckeditor的地方输入
1
2 3 4 5 6 7 8 9 |
<?
$FCKeditor = new FCKeditor( 'FCKeditor1' ) ; $FCKeditor -> BasePath = 'fckeditor/' ; $FCKeditor -> Value = '<p>欢迎访问<a href="http://www.leapsoul.cn/">PHP教程网</a>，本文主要介绍在PHP环境下Fckeditor安装配置与使用方法.</p>' ; $FCKeditor -> Create ( ) ; ?> |
注意点 ：
上述代码必须接着include_once语句，保证在一个PHP语句块中，否则使用Fckeditor仍然会报错。
定义Fckeditor类的BasePath值时，务必注意路径，根据具体情况使用相对路径或绝对路径，否则仍然不能使用Fckeditor。
至此在PHP中Fckeditor的入门使用方法和实例使用说明就介绍完了，但是在PHP网站开发中，Fckeditor的基础使用往往并不能满足需要，比如在前台，考虑安全性等因素，并不需要将Fckeditor的所有功能开放给用户使用，这时我们就要对Fckeditor进行配置。
Fckeditor配置说明
Fckeditor php配置主要通过两种方法，一种通过Fckeditor类的公有变量及其config数组进行Fckeditor配置，一种通过修改fckeditor目录下的fckeditor.js文件实现Fckeditor配置功能。
常用的Fckeditor配置主要涉及Fckeditor输入框的宽度和高度配置、工具栏配置、皮肤配置。
如何配置Fckeditor输入框的宽度和高度
可以在使用Fckeditor类时配置，即
1
2 3 4 5 |
<?
$FCKeditor -> Width = '400' ; $FCKeditor -> Height = '300' ; ?> |
默认Fckeditor配置的宽度和高度为100%和200,你既可以用百分比也可以用像素(px)来进行配置。
如何配置Fckeditor工具栏
默认Fckeditor提供两种模式的工具栏，即Default和Basic，Default提供了所有的Fckeditor工具栏功能，Basic则提供了最基础的Fckeditor工具栏功能，简而言之Default主要是为后台管理人员提供的，而Basic主要为前台用户提供，只要在使用Fckeditor类时配置
1
2 3 |
<?
$FCKeditor -> ToolbarSet = 'Basic' ; ?> |
即可，注意大小写，否则会报错。
如果你对Fckeditor提供的这两种工具栏并不满足，你可以根据需求定义自己的工具栏，可通过第二种方式，即修改fckeditor.js文件来实现，打开fckeditor.js，找到FCKConfig.ToolbarSets，你可以修改和添加Default和Basic模式中定义的工具栏功能，甚至你可以创建一个新的工具栏，比如Leapsoulcn工具栏，在fckeditor.js文件中添加
1
2 3 4 5 |
FCKConfig.ToolbarSets["Leapsoulcn"] = [
<span> </span>['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink'] ] ; |
然后在使用Fckeditor类时，定义
1
2 3 |
<?
$FCKeditor -> ToolbarSet = 'Leapsoulcn' ; ?> |
即可使用Leapsoulcn模式的工具栏，注意工具栏分隔符|是通过-实现的，工具栏换行则通过/实现。
如何配置Fckeditor皮肤
Fckeditor2.6.6默认提供三种皮肤，即default、office2003、silver，配置Fckeditor皮肤也有两种方式，一种通过config数组实现，一种通过修改fckeditor.js文件实现。
config数组实现方式
比如想使用office2003皮肤，只要在使用Fckeditor类时，配置config数组，如下
1
2 3 |
<?
$FCKeditor -> Config [ 'SkinPath' ] = '/test/phpfck/fckeditor/editor/skins/office2003/' ; ?> |
注意 ：SkinPath一定要使用绝对路径。
修改fckeditor.js文件实现配置Fckeditor皮肤的功能
打开fckeditor.js，找到FCKConfig.SkinPath，将
1
|
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
|
修改为
1
|
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;
|
至此基本的Fckeditor配置就介绍完了，如果在修改Fckeditor工具栏或皮肤配置后没有改变，请关闭游览器再重新访问即可。更多的Fckeditor Config配置选项今后会再介绍。
其他注意事项
在使用Fckeditor时，一定要注意页面编码问题，页面编码和数据库编码必须统一，否则会出现Fckeditor输入框中内容为乱码的问题。
至此，Fckeditor2.6.6在PHP环境中的安装配置与使用方法教程就全部介绍完了.
from:http://www.leapsoul.cn/?p=876