您的位置：首页 > 编程技术 > php  >  PHP中Ckeditor+Ckfinder配置图片上传功能

PHP中Ckeditor+Ckfinder配置图片上传功能

 更新时间：2016年11月25日 17:30  点击：2227
从标题来看我们知道Ckeditor不支持图片上传功能，它是需要一个组件Ckfinder才可以支持上传图片， 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能。

第一：安装配置CKEditor

在扩展CKfinder实现图片上传之前，我们先把最基本的CKeditor编辑器安装一下。

1．  将下载的ckeditor_3.4.2.zip解压，复制目录下的ckeditor文件夹至所需目录，如/admin/。

第一：安装配置CKEditor ，可改/admin/ckeditor/ckeditor.js来配置编辑器，如字体、背景色、语言

、界面高宽、编辑器按钮分布等

 代码如下 复制代码
config.language = 'en';
config.skin = 'v2';
config.uiColor = '#AADC6E';
config.toolbar = 'Basic';

….
2、官方的demo大多都喜欢用js配置editor区域，习惯写php的我就嫌麻烦，只好看内置的php类。

 代码如下 复制代码

require_once ROOTPATH . "ckeditor/ckeditor.php";
$CKEditor = new CKEditor();
$CKEditor->returnOutput = true; //设置输出可用变量的情况
$CKEditor->basePath = '/ckeditor/';//设置路径
$contentarea =  $CKEditor->editor("content", $rs['contents']); //生成一个以name为content的

textarea
 
echo $contentarea;

页面引用CKeditor，关键代码如下

 

 代码如下 复制代码

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

<textarea cols="80" name="content" rows="10"></textarea>


第二步，我们来配置安装CKfinder

CKfinder是官方组件，下载地址如下：http://ckfinder.com/download （注意：与ckeditor不是同一

网站）。

1．  将下载的ckfinder_php_2.0.1.zip 解压，复制目录下的ckfinder文件夹至编辑器目

录，/admin/ckeditor。

2、需要上传了 ，只好加入ckfinder。把ckfinder和ckeditor放在同级目录下。
打开/ckfinder/config.php,  首先设置第一个函数CheckAuthentication()，这个函数需要按照自己的

规则写，只要return  true的情况才能允许上传文件到服务器的，当然不建议直接写return true，这

将导致安全问题。可以采用session来处理比较方便。
我们可以简单的把子

config.php这样修改

 代码如下 复制代码

function CheckAuthentication()
{

return false;//改为return false
}

或者更安全的做法利用session 关于session用法 [用力点击]

 代码如下 复制代码

session_start();
function CheckAuthentication(){
    if(isset($_SESSION['UseEidtor']))
        return true;
    else
         return  false;
}

找到”$baseUrl”，这个变量定义了ckfinder文件上传的目录，将值设为”$baseurl=’../data /’，

文件上传后程序他会在此目录下自动建立相应的文件夹如image、flash等。

第三：整合，实现图片上传功能

1．  在编辑器页面头部引用ckfinder.js文件，代码如下：

 代码如下 复制代码

 <script type="text/javascript" src="ckeditor/ckfinder/ckfinder.js"></script>


下介绍两调用方法一种php

最后就是使用ckfinder

 代码如下 复制代码

require_once ROOTPATH . "ckeditor/ckeditor.php";
    require_once ROOTPATH . 'ckfinder/ckfinder.php' ;
   
     $CKEditor  = new  CKEditor();
    $CKEditor->returnOutput = true;
    $CKEditor->basePath = '/ckeditor/';
 
    CKFinder::SetupCKEditor($CKEditor, '/ckfinder/') ;//注意这里是相对路径，相对于根目录，

不能用绝对路径
 
    $contentarea =  $CKEditor->editor("content", $rs['contents']);


另一种js或html页面的修改

 代码如下 复制代码

<script type="text/javascript">
CKEDITOR.replace( 'editor1',
{
filebrowserBrowseUrl : 'ckeditor/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?

command=QuickUpload&type=Files',
filebrowserImageUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?

command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?

command=QuickUpload&type=Flash'
});
</script>

这样就大功告成了，有想知道Ckeditor Ckfinder配置图片上传功能支持javascript html和php调用的朋友可以参考一下本教程

本站原创教程转载注明来源:http://www.111cn.net/phper/php.html

本文章不但要讲述了关于正则达式而且还讲述了关于邮箱正则的构成用法详解，有需要了解的朋友可以参考一下，同时我们也提供了多种不同的邮箱验证实例.

正则表达式了

 代码如下 复制代码
^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$

在这段正则表达式中，“+”表示前面的字符串连续出现一个或多个；“^”表示下一个字符串必须出现在开头，“$”表示前一个字符串必须出现在结尾；
“.”也就是“.”，这里“”是转义符；“{2,3}”表示前面的字符串可以连续出现2-3次。“()”表示包含的内容必须同时出现在目标对象中。“[_.0-9a-z-]”表示包含在“_”、“.”、“-”、从a到z范围内的字母、从0到9范围内的数字中的任意字符；
这样一来，这个正则表达式可以这样翻译：
“下面的字符必须在开头（^）”、“该字符必须包含在“_”、“.”、“-”、从a到z范围内的字母、从0到9范围内的数字中（[_.0-9a-z-]）”、“前面这个字符至少出现一次（+）”、@、“该字符串由一个包含在从a到z范围内的一个字母、从0到9范围内的数字中的字符开头，后面跟至少一个包含在“-”、从a到z范围内任何一个字母、从0到9范围内任何一个数字中的字符，最后以.结束（([0-9a-z][0-9a-z-]+.)）”、“前面这个字符至少出现一次（+）”、“从a到z范围内的字母出现2-3次，并以它结束（[a-z]{2,3}$）”

 代码如下 复制代码
function is_valid_email($email, $test_mx = false)
{
    if(eregi("^([_a-z0-9-]+)(.[_a-z0-9-]+)*@([a-z0-9-]+)(.[a-z0-9-]+)*(.[a-z]{2,4})[    wind_phpcode_0    ]quot;, $email))
        if($test_mx)
        {
            list($username, $domain) = split("@", $email);
            return getmxrr($domain, $mxrecords);
        }
        else
            return true;
    else
        return false;
}

域名由各国文字的特定字符集、英文字母、数字及“-”(即连字符或减号)任意组合而成, 但开头及结尾均不能含有“-”，“-”不能连续出现 。 域名中字母不分大小写。域名最长可达60个字节(包括后缀.com、.net、.org等)。
/^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[.][a-z]{2,3}([.][a-z]{2})?$/i;
/内容/i 构成一个不区分大小写的正则表达式;
^ 匹配开始

$ 匹配结束

[a-z] E-Mail前缀必需是一个英文字母开头

([a-z0-9]*[-_]?[a-z0-9]+)* 和_a_2、aaa11、_1_a_2匹配，和a1_、aaff_33a_、a__aa不匹配，如果是空字符，也是匹配的，*表示0个或者多个。

*表示0个或多个前面的字符.

[a-z0-9]* 匹配0个或多个英文字母或者数字

[-_]? 匹配0个或1“-”，因为“-”不能连续出现

[a-z0-9]+ 匹配1个或多个英文字母或者数字，因为“-”不能做为结尾

@ 必需有个有@

([a-z0-9]*[-_]?[a-z0-9]+)+ 见上面([a-z0-9]*[-_]?[a-z0-9]+)*解释，但是不能为空，+表示一个或者为多个。

[.] 将特殊字符(.)当成普通字符

[a-z]{2,3} 匹配2个至3个英文字母，一般为com或者net等.

([.][a-z]{2})? 匹配0个或者1个[.][a-z]{2}(比如.cn等) 我不知道一般.com.cn最后部份是不是都是两位的,如果不是请修改{2}为{起始字数,结束字数}

完美E-Mail正则表达式，附详细讲解，请大家帮忙测试一下！ 2.抽取字符串中的email：

 代码如下 复制代码
<?php
function getEmail($str) {
$pattern = "/([a-z0-9]*[-_.]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[.][a-z]{2,3}([.][a-z]{2})?/i";
preg_match_all($pattern,$str,$emailArr);
return $emailArr[0];
}
$emailstr = "9999@qq.com.cn俺不是米vi地方就开iid邮件列表：fuyongjie@163.com和hh@qq.com;.；；，fuyongjie.100@yahoo.com,fu-1999@sina.com";
$emailArr = getEmail($emailstr);
echo "<pre>";
print_r($emailArr);
echo "</pre>";
?>打印如下：
Array
(
[0] =>9999@qq.com.cn
[1] =>fuyongjie@163.com
[2] =>hh@qq.com
[3] =>fuyongjie.100@yahoo.com
[4] =>fu-1999@sina.com
)3.比较：第2里的正则里没有了第1的^和$;

再看实例

 代码如下 复制代码

function funcemail($str)//邮箱正则表达式
{
 return (preg_match('/^[_.0-9a-z-a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,4}$/',$str))?true:false;
}//验证方法一

$str="qbcd@126.com.cn";
preg_match("/^[0-9a-z]+@(([0-9a-z]+)[.])+[a-z]{2,3}$/",$str,$re);
print_r($re);//邮箱验证二

if (eregi("^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$",$email)) {
  echo "您的 e-mail 通过初步检查";
}//第三种邮箱验证方法

 

if (ereg("/^[a-z]([a-z0-9]*[-_.]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[.][a-z]{2,3}([.][a-z]{2})?$/i; ",$email)){
 echo "your email address is correct!";}
 　　 else{
 echo "please try again!";
 }
这是一段很简单的程序利用了php的file_get_contents函数来采集百度的数据，然后通过simplexml_load_String把它数据解析出来，这样数据就保存到了一个数组，我们就可以方便的利用了。
 代码如下 复制代码

function getBaiduHotKeyWord()
{
    $templateRss = file_get_contents('http://top.baidu.com/rss_xml.php?p=top10');
    If (preg_match('/<table>(.*)</table>/is', $templateRss, $_description)) {
        $templateRss = $_description [0];
        $templateRss = str_replace("&", "&amp;", $templateRss);
    }
    $templateRss = "<?xml version="1.0" encoding="GBK"?>" . $templateRss;
    $xml = simplexml_load_String($templateRss);
    foreach ($xml->tbody->tr as $temp) {
        if (!empty ($temp->td->a)) {
            $keyArray [] = trim(($temp->td->a));
        }
    }
    return $keyArray;
}
如果大家稍加仔细看一下就能发现一个问题，我们下面几个抓取百度收录或快照或热词的程序中都有一个函数file_get_contents()，他是php采集网页常用的哦。
 代码如下 复制代码


<?
/*
抓取百度收录代码
*/
function baidu($s){
  $baidu="http://www.baidu.com/s?wd=site%3A".$s;
  $site=file_get_contents($baidu);
  //$site=iconv("gb2312", "UTF-8", $site);
  ereg("找到相关网页(.*)篇，", $site,$count);
  $count=str_replace("找到相关网页","",$count);
  $count=str_replace("篇，","",$count);
  $count=str_replace("约","",$count);
  $count=str_replace(",","",$count);
  return $count[0];
}

echo baidu(www.111cn.net); //获取好主题在百度中的收录数量

?>

获取百度的热词

 代码如下 复制代码

<?php
/**
* * @user 小杰
* @return array 返回百度的热词数据(数组返回)
*/
function getBaiduHotKeyWord()
{
$templateRss = file_get_contents('http://top.baidu.com/rss_xml.php?p=top10');
If (preg_match('/<table>(.*)</table>/is', $templateRss, $_description)) {
$templateRss = $_description [0];
$templateRss = str_replace("&", "&", $templateRss);
}
$templateRss = "<?xml version="1.0" encoding="GBK"?>" . $templateRss;
$xml = simplexml_load_String($templateRss);
foreach ($xml->tbody->tr as $temp) {
if (!empty ($temp->td->a)) {
$keyArray [] = trim(($temp->td->a));
}
}
return $keyArray;
}
print_r(getBaiduHotKeyWord());


这是在网上找的 稍微修改了下 将下面代码写入php文件
百度收录和百度快照时间

 代码如下 复制代码

<?php
    $domain = “http://www.111cn.net/nokia/5230/ *欲查询的域名*/
    $site_url = ‘http://www.baidu.com/s?wd=site%3A’;
    $all = $site_url.$domain; /*域名所有收录的网址*/
    $today = $all.’&lm=1′;    /*域名今日收录的网址*/
    $utf_pattern = “/找到相关结果数(.*)个/”;
    $kz_pattern = “/<span class=”g”>(.*)</span>/”; /*用以匹配快照日期的字符串*/
    $times = “/d{4}-d{1,2}-d{1,2}/”; /*匹配快照日期的正则表达式，如:2011-8-4*/
    $s0 = @file_get_contents($all);    /*将site:www.ninthday.net的网页置入$s0字符串中*/
    $s1 = @file_get_contents($today);
    preg_match($utf_pattern,$s0,$all_num); /*匹配”找到相关结果数*个”*/
    preg_match($utf_pattern,$s1,$today_num);
    preg_match($kz_pattern,$s0,$temp);
    preg_match($times,$temp[0],$screenshot);
    if($all_num[1] == “”)
        $all_num[1] = 0;
    if($today_num[1] == “”)
        $today_num[1] = 0;
    if($screenshot[0] == “”)
        $screenshot[0] = “暂无快照”;
?>
<html>
    <head>
    <title>Test</title>
    </head>
<body>
  <table>
    <tr>
      <td>日期</td><td>百度收录</td><td>百度今日收录</td><td>百度快照日期</td>
    </tr>
    <tr>
      <td><?php echo date(‘m月d日G时’);?> </td><td><?php echo $all_num[1]; ?></td><td><?php echo $today_num[1]; ?></td><td><?php echo $screenshot[0]; ?></td>
    </tr>

  </table>
    <p>百度收录：<a href=”<?php echo $all; ?>” target=”_blank”><?php echo $all_num[1]; ?></a></p>
    <p>百度今日收录：<a href=”<?php echo $today; ?>” target=”_blank”><?php echo $today_num[1]; ?></a></p>
    <p>百度快照日期：<a href=”<?php echo $all; ?>”><?php echo $screenshot[0]; ?></a></p>
</body>
</html>

上面的方法未经过严格考虑，如果服务器不支持file_get_contents函数我们就无法操作了，所以还可以利用curl操作，这个更方便可以模仿用户哦。

聊天室很多程序可以实现，原理也简单只要一个无刷新就可以实现，最简单的就是利用一个iframe不停的刷新页面把用户的记录从数据库读出来就可以了。

MySQL并发能力强、响应速度快，是性能优异的数据库软件；PHP是功能强大的服务器端脚本语言。笔者在山西铝厂网站开发中，采用PHP4.0+MySQL3.23.38建立了多种应用。下面，以一个简单的聊天室设计为例，介绍PHP+MySQL在网页开发中的应用。

　　1、总体设计

　　1.1 构思与规划：

　　聊天室的基本原理，就是把每个连上同一网页的用户传送的发言数据储存起来，然后将所有的发言数据传给每一用户。也就是说，用数据库汇集每个人的发言，并将数据库中的数据传给每一个人就实现了聊天室的功能。

　　1.2 表设计

　　首先使用MySQL建立表chat用来储存用户的发言：

 

 代码如下 复制代码

mysql＞ CREATE TABLE chat
-＞ (chtime DATATIME,
-＞ nick CHAR(10) NOT NULL,
-＞words CHAR(150));


　　表中只设定了三个域，chtime是发言的时间，nick为发言者的昵称，words是发言的内容，发言最多150个字符

　　1.3 网页设计

　　一个最简单的聊天室通常需要两个页框：一个页框是用户输入发言的表单，另一个用来显示大家的发言。所以代码段通常至少需要如下几段：

　　建立页框的结构（main.php）

　　显示大家发言的程序段（cdisplay.php）

　　传送用户发言的程序段（speak.php）

　　用户登录进入聊天室程序段（login.php）

　　2、代码设计

　　以上规划完成后，就可以着手代码设计了，采用php可以非常简明实现以上的功能。

　　2.1 用户登录login.php,本段代码是一个完全HTML网页

 

 代码如下 复制代码
＜html＞
＜head＞
　＜title＞用户登录＜/title＞
＜/head＞
＜body＞请输入您的昵称＜br＞
＜form action=”main.php” method=”post” target=”_self”＞
　＜input type=”text” name=”nick” cols=”20”＞
　＜input type=”submit” value=”登录”＞
＜/body＞
＜/html＞


　　用户提交自己的昵称后，就进入到聊天室，以下的处理交由main.php处理。

 

　　2.2 页框主体代码段main.php:

 代码如下 复制代码

＜?
　setcookie(“nick”,$nick) //用cookie记录用户昵称,是常用的传递变量方法
?＞

＜html＞
＜title＞山西铝厂聊天室试用版ver1.0＜/title＞
＜frameset rows=”80%,*”＞
＜frame src=” cdisplay.php” name=”chatdisplay”＞
＜frame src=”speak.php” name=”speak”＞
＜/frameset＞
＜/html＞


　　2.3 显示发言cdisplay.php

　　本代码段的任务是将表chat中的数据取出，显示在页框中。每次刷新时，取数据库中最近的15条发言。同时，为防止数据库无限增大，需设计删除陈旧数据的功能。代码如下

 

 代码如下 复制代码
＜html＞
＜head＞
　＜title＞显示用户发言＜/title＞
　＜meta http-equiv=”refresh” content=”5;url=cdisplay.php”＞
＜/head＞
＜body＞
＜?
　$link_ID=mysql_connect(“main”,”root”);
　//链接Mysql服务器 服务器名为main,管理员名为root
　mysql_select_db(“abc”); //选择数据库
　$str=”select * from chat ORDER BY chtime;” ; //查询字符串
　$result=mysql_query($str, $link_ID); //送出查询
　$rows=mysql_num_rows($result); //取得查询结果的记录笔数
　//取得最后15笔发言，并显示
　@mysql_data_seek($resut,$rows-15); //移动记录指针到前15笔记录
　if ($rows＜15) $l=$rows; else $l=15; //记录总数小于15，则最多为该记录数
　for ($i=1;$i＜=$l;$i++) {
　　list($chtime,$nick,$words)=mysql_fetch_row($result);
　　echo $chtime; echo “ “;echo $nick; echo”:” ; echo $words; echo “＜BR＞”;
　}
　//清除库中过时的数据
　@mysql_data_seek($result,$rows-20); //移动记录指针到前20笔记录
　list($limtime)=mysql_fetch_row($result);
　$str=”DELETE FROM chat WHERE chtime＜’$limtime’ ;” ;
　$result=mysql_query($str,$link_ID); //送出查询字符串,库中只留前20个记录
　mysql_close($link_ID);
?＞
＜/body＞
＜/html＞

　2.4 送出发言到数据库speak.php

 

 代码如下 复制代码
＜html＞
＜head＞
　＜title＞发言＜/title＞
＜/head＞
＜body＞
＜?
　If ($words)
　　{ $link_ID=mysql_connect(“main”,”root”);
　　mysql_select_db(“abc”); //数据库名为abc
　　$time=date(y).date(m).date(d).date(h).date(i).(date(s); //取得当前时间
　　$str=”INSERT INTO chat(chtime,nick,words) values
　　　　(‘$time’,’$nick’,’$words’);” ;
　　mysql_query($str,$link_ID); //送出发言到数据库
　　mysql_close($link_ID);
　}
?＞

//输入发言的表单

 代码如下 复制代码

＜form action=”speak.php” method=”post” target=” _self”＞
　＜input type=”text” name=”words” cols=”20”＞
　＜input type=”submit” value=”发言”＞
＜/form＞
＜/body＞
＜/html＞


　　完成以上工作后，一个简单的聊天室制作就完成了

[!--infotagslink--]

相关文章