知识屋:更实用的电脑技术知识网站
所在位置:首页 > 编程技术 > PHP编程

PHP配置FCKeditor编辑器以及上传图片

发布时间:2015-05-27 19:22:44作者:知识屋

FCKeditor官网:http://ckeditor.com/

FCKeditor下载:http://ckeditor.com/download

在使用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包。

Fckeditor安装说明

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

如下图Default:

/


Fckeditor使用方法说明

Index.php


编辑器  	  
Width = '100%'; $FCKeditor -> Height = '350'; $FCKeditor -> BasePath = 'editor/'; $FCKeditor -> ToolbarSet = 'Default'; echo $FCKeditor->CreateHtml(); ?>

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

ToolbarSet = 'Basic';?>

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

FCKConfig.ToolbarSets["Leapsoulcn"] = [ ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink']] ;
然后在使用Fckeditor类时,定义

ToolbarSet = 'Leapsoulcn';?>


do.php

此页面接收FORM表单传过来的内容。

$val){	$cContent = str_replace($val,"***",$cContent);}echo $cFace;echo $cContent;?>
注意事项

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


当然编辑器也带了上传图片的功能哦!很不错的哦!

开启Fckeditor上传图片功能

  考虑到目录安全性问题,默认Fckeditor2.6.6上传功能并未开启,所以第一步我们必须开启Fckeditor上传功能,这里需要注意,由于PHP版本Fckeditor上传功能需要用到chomod函数对新建目录进行权限设置,所以请务必确认在启用Fckeditor上传功能时PHP环境的用户具有创建和更改上传目录的权限。

  如果没有开启Fckeditor上传功能,在点击插入/编辑图像按钮,选择上传,在选择完要上传的文件后点击发送到服务器上按钮时会报错误信息如下

    This file uploader is disabled.             Please check the "editor/filemanager/connectors/php/config.php" file  
根据错误信息,打开editor/filemanager/connectors/php目录下config.php,找到

$Config['Enabled'] = false ; 
更改为

 $Config['Enabled'] = true ;  
并在相应目录下建立userfiles上传目录后,Fckeditor上传图片功能开启。

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜