我们要做的是把Fckeditor写成一个Zend Framework 插件形式..这样就可以让整个站点调用到FCK... 这样无论是前台和后台都行..
1、下载fckeditor 编辑器。我用的是2.6.5版本的
2、php结合zf环境是搭建完好且能正常运行。
总共步骤有5步。
第一步:新建Fckeditor.php类,即是以Fckeditor下的fckeditor_php5.php为基础的。
第二步:把fckeditor与zf整合
第三步:在zf控制层(controller)调用fckeditor插件
第四步:在视图中显示Fckeditor编辑器
第五步:图片上传调试
第一步:新建Fckeditor.php类
网站开发目录图:
最重要的一点就出来了..我把Fckeditor里面的fckeditor_php5.php这个文件写成如下插件形式: 名称就是./Library/Common/Plugin/Fckeditor.php 大致代码如下:
<?php
/** * Zend_Controller_Plugin_Abstract */
require_once 'Zend/Controller/Plugin/Abstract.php';
class Common_Fckeditor extends Zend_Controller_Plugin_Abstract //要继承这个类
{
public $InstanceName ;
public $BasePath ;
public $Width ;
public $Height ;
public $ToolbarSet ;
public $Value ;
public $Config ;
public function __construct( $instanceName )
{
$this->InstanceName = $instanceName ;
$this->BasePath = '/fckeditor/' ;
$this->Width = '100%' ;
$this->Height = '200' ;
$this->ToolbarSet = 'Default' ;
$this->Value = '' ;
$this->Config = array() ;
}
public function Create()
{
echo $this->CreateHtml() ;
}
//.......
//后面的代码是和FCK里fckeditor_php5.php文件一样的.
//在后面加上 Fckeditor.php 里面这段代码.(一定要加否则会报错.)
public function FCKeditor_IsCompatibleBrowser()
{
global $HTTP_USER_AGENT ;
if ( !isset( $_SERVER ) ) {
global $HTTP_SERVER_VARS ;
$_SERVER = $HTTP_SERVER_VARS ;
}
if ( isset( $HTTP_USER_AGENT ) )
$sAgent = $HTTP_USER_AGENT ;
else
$sAgent = $_SERVER['HTTP_USER_AGENT'] ;
if ( strpos($sAgent, 'MSIE') !== false && strpos($sAgent, 'mac') === false && strpos($sAgent, 'Opera') === false )
{
$iVersion = (float)substr($sAgent, strpos($sAgent, 'MSIE') + 5, 3) ;
return ($iVersion >= 5.5) ;
}
else if ( strpos($sAgent, 'Gecko/') !== false )
{
$iVersion = (int)substr($sAgent, strpos($sAgent, 'Gecko/') + 6, 8) ;
return ($iVersion >= 20030210) ;
}
else if ( strpos($sAgent, 'Opera/') !== false )
{
$fVersion = (float)substr($sAgent, strpos($sAgent, 'Opera/') + 6, 4) ;
return ($fVersion >= 9.5) ;
}
else if ( preg_match( "|AppleWebKit/(\d+)|i", $sAgent, $matches ) )
{
$iVersion = $matches[1] ;
return ( $matches[1] >= 522 ) ;
}
else
return false ;
}
}
?>
第二步:将Fckeditor文件整合到您的ZF中
1.将Fck的源代码放到/public/scripts/下面,如上图/public/script/fckeditor (目录的位置可以根据需要设定)
2.把/Scripts/目录下关闭重写,建立.haccess文件内容:RewriteEngine off,(这个很重要,不关闭重写会导至调不到FCK文件,发生Zend_Controller_Dispatcher_Exception异常)
如图:
第三步:在控制层文件中对FCK调用
<?php
require_once 'Zend/Controller/Action.php';
require_once 'Common/Plugin/Fckeditor.php';
class IndexController extends Zend_Controller_Action {
/*添加--信息 显示*/
public function addAction(){
$this->view->title = '用户信息添加';
$fck = new Fckeditor('name'); ////作为编辑器中的textarea ,隐藏域的名称
//basepath
$fck ->BasePath = '/scripts/fckeditor/'; //相对于根目录的地址
// skins
$fck ->Config['SkinPath'] = '/scripts/fckeditor/editor/skins/silver/';
$fck ->Width = '100%';
$fck ->Height = '600';
$fck ->Value = '请在这里编写...'; //传入的值应该是 对应各个不同的场景,而显示不同的 用户友好语言
$this->ToolbarSet = 'Default'; //Toolbar 工具条 default & basic 两种;自己定制toolbar?
$this->view->fck = $fck; //显示到模板。
}
}
第四步:显示层显示 add.phtml
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $this->title ?></title>
</head>
<body>
<div style="width:100px; float:left;">请输入内容</div> <!-- text -->
<div align="center" style="width:600px;float:left;"><?php echo $this->fck->Create() ?></div>
</body>
</html>
第五步:Fckedotor 上传图片调试
以上步骤都完成后,如不使用图片上传则编辑器可正常使用了;否则,可能会出现这样的错误;Error creating folder “redirect:/index.php/image” (Can’t create redirect: directory) 错误:不能创建文件夹redirect:/index.php/image (不能重定向到这个目录) 这个问题在网上搜了半天,才知道了还是和以上问题一样由于ZF的mod_write url重写造成的。但是我却都没找到那个image的目录,都不知把.htassecc文件放哪里去!?于是又困惑了(汗,还是因为对fckeditor不了解的结果)。。。在这样的一个文件下FCKeditor/editor/filemanager/browser/default/connectors/php/config.php
$Config['UserFilesPath'] = '/UserFiles/' ; //表示上传服务器上图像的存放文件夹
老以为这个 '/UserFiles/' 文件已经创建好了,其实却没有;且还是报那个错。于是又在网上查啊,查啊,终于,被我看到了!⊙﹏⊙b汗 这个文件夹是要自己创建的!默认是位于根目录的。 就创建一个/uploads/文件夹,同时这个 $config['UserFilePath'] 也要改。当然不要忘了加上.htaccess文件。
如图:
1.浏览服务器图像
在写文章的时候,希望可以直接浏览服务器上的图像,添加到文章里,就需要这个功能。
FCKeditor中本功能的实现在FCKeditor/editor/filemanager/browser/default/connectors/php目录的几个文件。
我们只需要修改
FCKeditor/editor/filemanager/browser/default/connectors/php/config.php
$Config['Enabled'] = true ; //一定要设定成true,本功能才启用
$Config['UserFilesPath'] = '/UserFiles/' ; //图像文件所在的目录,你可以根据自己的需要修改
设定好后你可以通过ftp上传图像文件到/UserFiles/image目录下,测试一下是否可以浏览。
注意:默认情况下,FCKeditor的图像文件要放在UserFiles下的image目录里,而不能直接放在UserFiles目录里。
2.图像上传
如果你想在写文章的时候,直接上传图像到服务器,然后插入到文章中,可以用这个功能。
FCKeditor中本功能的实现在FCKeditor/editor/filemanager/upload/php目录的几个文件。
我们也只需要修改该目录下的config.php
$Config['Enabled'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ; //上传目录的路径,通常和上面的浏览部分的路径设成一样的
$Config['UseFileType'] = true ; //不同上传文件类型是否分目录放置,图像文件会自动被上传到/UserFiles/image目录下,Flash则在/UserFiles/flash目录下
以上文章参考资料www.programer.cc/html/PHP/phpjiaocheng/2009/0731/1414.html 而作。