返回首页
当前位置: 主页 > 网络编程 > Php实例教程 >

PHP环境Fckeditor安装配置与使用方法教程

时间:2012-12-21 22:35来源:知行网www.zhixing123.cn 编辑:麦田守望者

在使用PHP开发留言板、CMS、博客时都涉及文本信息的处理,如何将信息优美地展现在读者面前是PHP网站开发建设者所追求的,而在线编辑器实现了可视化的功能,最早PHP网站开发者都是使用UBB来实现文本信息的展现功能,之后出现了类似于WORD的在线编辑器,今天和大家介绍的是老牌在线编辑器Fckeditor在PHP环境中安装配置与使用方法说明。

Fckeditor支持多种开发语言,如PHP、.NET、JAVA等,本文使用的是Fckeditor2.6.6版本,主要介绍Fckeditor2.6.6在PHP环境中如何安装配置以及使用说明。

准备工作

首先我们需要下载Fckeditor安装源码包,推荐下载Fckeditor2.6.6,根据系统环境你可以下载zip包或者tar.gz包。

Fckeditor安装说明

Fckeditor安装非常方便,只要解压下载的Fckeditor2.6.6.zip包,将解压的Fckeditor2.6.6文件夹下fckeditor文件夹复制到相应项目文件夹下即可。

Fckeditor使用方法说明

Fckeditor使用较为简单,由于Fckeditor基本上都是使用在Form表单中,以方便用户使用Fckeditor输入相关信息后提交到Mysql数据库,所以

第一步:先建立FORM表单以方便使用Fckeditor,FORM表单如下

<head>
<title>PHP教程-Fckeditor2.6.6在PHP环境中安装配置与使用方法说明</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</meta></head>
<body>
<form action="zyidaicom.php" method="post" target="_blank">
/**
使用Fckeditor的地方
**/
<input type="submit" value="Submit"/>
</form>
</body>

第二步:建立好表单,由于Fckeditor其实也是第三方类库,为了使用Fckeditor,我们需要引入接口模块,fckeditor目录下有多种语言的接口文件,由于使用的是PHP,所以只要引入php类型的接口文件即可,即在FORM表单中使用Fckeditor的地方输入

< ?
include_once("fckeditor/fckeditor.php");
?>

注意点:include时注意目录结构,如果不引入此文件或引入错误会报找不到fckeditor类的错误信息。此处FORM表单文件与fckeditor文件夹属于同级目录。

第三步:在FORM表单使用Fckeditor的地方输入

 

< ?
$FCKeditor = new FCKeditor('FCKeditor1') ;

$FCKeditor->BasePath = 'fckeditor/';

$FCKeditor->Value = '<p>
欢迎访问<a href="http://www.zyidai.com/">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类时配置,即

< ?
$FCKeditor->Width = '400';

$FCKeditor->Height = '300';
?>

默认Fckeditor配置的宽度和高度为100%和200,你既可以用百分比也可以用像素(px)来进行配置。

如何配置Fckeditor工具栏

默认Fckeditor提供两种模式的工具栏,即Default和Basic,Default提供了所有的Fckeditor工具栏功能,Basic则提供了最基础的Fckeditor工具栏功能,简而言之Default主要是为后台管理人员提供的,而Basic主要为前台用户提供,只要在使用Fckeditor类时配置

< ?
$FCKeditor->ToolbarSet = 'Basic';
?>

即可,注意大小写,否则会报错。

如果你对Fckeditor提供的这两种工具栏并不满足,你可以根据需求定义自己的工具栏,可通过第二种方式,即修改fckeditor.js文件来实现,打开fckeditor.js,找到FCKConfig.ToolbarSets,你可以修改和添加Default和Basic模式中定义的工具栏功能,甚至你可以创建一个新的工具栏,比如Leapsoulcn工具栏,在fckeditor.js文件中添加

FCKConfig.ToolbarSets["zyidaicom"] = [

['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink']

] ;

然后在使用Fckeditor类时,定义

< ?
$FCKeditor->ToolbarSet = 'zyidaicom';
?>

 

即可使用zyidaicom模式的工具栏,注意工具栏分隔符|是通过-实现的,工具栏换行则通过/实现。

如何配置Fckeditor皮肤

Fckeditor2.6.6默认提供三种皮肤,即default、office2003、silver,配置Fckeditor皮肤也有两种方式,一种通过config数组实现,一种通过修改fckeditor.js文件实现。

config数组实现方式

比如想使用office2003皮肤,只要在使用Fckeditor类时,配置config数组,如下

< ?
$FCKeditor->Config['SkinPath'] = '/test/phpfck/fckeditor/editor/skins/office2003/';
?>

 注意:SkinPath一定要使用绝对路径。

  修改fckeditor.js文件实现配置Fckeditor皮肤的功能

  打开fckeditor.js,找到FCKConfig.SkinPath,将
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;

修改为
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;

  至此基本的Fckeditor配置就介绍完了,如果在修改Fckeditor工具栏或皮肤配置后没有改变,请关闭游览器再重新访问即可。更多的Fckeditor Config配置选项今后会再介绍。

  其他注意事项

  在使用Fckeditor时,一定要注意页面编码问题,页面编码和数据库编码必须统一,否则会出现Fckeditor输入框中内容为乱码的问题。

  至此,Fckeditor2.6.6在PHP环境中的安装配置与使用方法教程就全部介绍完了。

------分隔线----------------------------
标签(Tag):php php教程 php实例教程 php5 php源代码 php基础教程 php技巧 php6
------分隔线----------------------------
推荐内容
猜你感兴趣