准备                                                                                                                                                                

　　CKEditor&&CKFinder破解版百度网盘地址：http://pan.baidu.com/s/1qWsDPKC       密码：yydcdut

　　　

　　将CKEditor和CKFinder放在同一文件夹下。

CKEditor实现编辑框                                                                                                                                        

　　CKEditor 实际是替换一个textarea标签，所以把textarea放到一个form表单中，当提交到php服务器端，使用$_POST['xxx'] 取得编辑好的数据。

　　修改CKEditor的配置文件config.js

 CKEDITOR.editorConfig = function( config )

 {

     config.language = 'zh-cn';

     config.uiColor = '#FFA';

     config.skin = 'v2';

     config.width = 850;

     config.height = 400;

     config.toolbar = 'Full';

 };

　　一个简单的网页实现

 <html>

 <head>

     <meta http-equiv="Content-type" content="text/html; charset=UTF-8">

     <title>yyd</title>

 </head>

 <body>

     <form action="post.php" method="post">

         <textarea name="editor1">yyd</textarea>

         <input type="submit" name="submit" value="Submit" />

     </form>

 </body>

 <script src="ckeditor/ckeditor.js"></script>

 <script type="text/javascript">

     // 启用 CKEitor 的上传功能，使用了 CKFinder 插件

     CKEDITOR.replace( 'editor1', {

         filebrowserBrowseUrl        : 'ckfinder/ckfinder.html',

         filebrowserImageBrowseUrl   : 'ckfinder/ckfinder.html?Type=Images',

         filebrowserFlashBrowseUrl   : 'ckfinder/ckfinder.html?Type=Flash',

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

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

         filebrowserFlashUploadUrl   : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

     });

 </script>

 </html>

　　实现截图

　　　　　　　　

CKFinder实现上传图片                                                                                                                                    

  • 在与CKEditor和CKFinder同目录下创建uploads文件夹
  • 改修config.php文件

　　第行的函数

 function CheckAuthentication()

 {

     // WARNING : DO NOT simply return "true". By doing so, you are allowing

     // "anyone" to upload and list the files in your server. You must implement

     // some kind of session validation here. Even something very simple as...

     // return isset($_SESSION['IsAuthorized']) && $_SESSION['IsAuthorized'];

     // ... where $_SESSION['IsAuthorized'] is set to "true" as soon as the

     // user logs in your system. To be able to use session variables don't

     // forget to add session_start() at the top of this file.

     //return false;

     return true;

 }

　　第行，即修改为创建的uploads路径

 $baseUrl = '/CK/plugins/uploads/';

　　实现截图

　　　　

　　创建post.php文件，将传递过来的POST打印出来

 <?php

 header("Content-Type:text/html; charset=utf-8");

 $str = $_POST['editor1'];

 $data = stripslashes(htmlspecialchars_decode($str));

 echo $data;

 ?>

　　　　

总结和问题的解决                                                                                                                                           

　　当我配置完成后，submit提交之后死活都不能显示图片，查看源代码的时候，发现双引号被转义了，觉得很蛋疼。我不知道这个CKEditor转义的还是浏览器转义的，因为就在前几天，我在测试SQL注入的时候就发现明明可以注入的，但死活不出来结果，然后在本机上将password传递过去的值打印出来了，发现是被转义了，表示很蛋疼。所以我在这里用了$data = stripslashes(htmlspecialchars_decode($str));将转义之后再反转义湖区，结果就OK了。

　　CKEditor&&CKFinder组合不仅可以上传图片，还可以上传文件等。

转载请注明出处：http://www.cnblogs.com/yydcdut/p/3518102.html

CKEditor && CKFinder 配置的更多相关文章

  1. 网络编辑器插件ckeditor+ckfinder配置

    原帖地址 另外一个 去掉编辑器的下边栏 在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = fa ...

  2. （配置）CKEditor+CKFinder+php上传配置，根据年月命名创建文件夹来存放

    CKEditor+CKFinder+php上传配置 新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder.这里主要记录CKFinder上传的一些参数配置,能够成功上 ...

  3. CKEditor + CKFinder 实现编辑上传图片配置 （二）

    CKEditor + CKFinder 实现编辑上传图片配置 (二) 上传图片时,如果上传的图片过大,默认情况情况下回自动裁剪,代码如图 \ckfinder\config.php 目录下的配置文件co ...

  4. CKEditor + CKFinder 实现编辑上传图片配置

    下载最新版 ckfinder 本人下载的php版本 https://cksource.com/ckfinder/download 下载最新版ckeditor http://ckeditor.com/ ...

  5. CKEditor使用配置方法

    一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src= ...

  6. jsp中如何整合CKEditor+CKFinder实现文件上传

    最近笔者做了一个新闻发布平台,放弃了之前的FCKEditor编辑器,使用了CKEditor+CKFinder,虽然免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人 ...

  7. 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能

    前言 之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor ...

  8. ckeditor的配置及使用

    一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js<script type="text/javascript" src=&q ...

  9. .Net在线编辑器：KindEditor及CkEditor+CkFinder配置说明

    Net在线编辑器:KindEditor及CkEditor+CkFinder配置说明 一.KindEditor(免费) KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所 ...

随机推荐

  1. 深入理解Python生成器（Generator）

    我们可以通过列表生成式简单直接地创建一个列表,但是受到内存限制,列表容量肯定是有限的.而且,创建一个包含100万个元素的列表,不仅占用很大的存储空间,而且如果我们仅仅需要访问前面几个元素,那后面绝大多 ...

  2. python io 模块之 open() 方法(好久没写博客了)

    io.open(file, mode='r', buffering=-1, encoding=None, errors=None, newline=None, closefd=True),打开file ...

  3. springboot项目打war包部署到服务器（eclipse & gradle环境）

    1.右键项目run as  -> run configurations,打开Run configurations弹出框 2.右键Gradle Project -> New Configur ...

  4. BZOJ.2916.[POI1997]Monochromatic Triangles(三元环)

    题目链接 \(Description\) n个点的完全图,其中有m条边用红边相连,其余边为蓝色.求其中三边同色的三角形个数. \(Solution\) 直接求同色 除了n^3 不会.. 三角形总数是C ...

  5. 【差分约束系统/SPFA】POJ3169-Layout

    [题目大意] n头牛从小到大排,它们之间某些距离不能大于一个值,某些距离不能小于一个值,求第一头牛和第N头牛之间距离的最大值. [思路] 由题意可以得到以下不等式d[AL]+DL≥d[BL]:d[BD ...

  6. 利用Pastezort渗透win7

    下载Pastezort git clone https://github.com/ZettaHack/PasteZort.git 给Pastezort文件夹提升权限 /root/PasteZort/ ...

  7. bzoj 2555

    暴力. 收获: 1.第一道后缀自动机,大概知道怎么写了,有一些原理性的东西还要理解. 2.计算right集合的大小 /***************************************** ...

  8. Loj10153 二叉苹果树

    题目描述 有一棵二叉苹果树,如果数字有分叉,一定是分两叉,即没有只有一个儿子的节点.这棵树共 NN 个节点,标号 11 至 NN,树根编号一定为 11. 我们用一根树枝两端连接的节点编号描述一根树枝的 ...

  9. Clever Little Box 电缆组件 USB A 插座 至 USB B 插头

    http://china.rs-online.com/web/p/usb-cable-assemblies/7244156/ 产品详细信息 USB3.0适配器 superspeed USB将提供10x ...

  10. datagrid在MVC中的运用08-实现Master-Detail(使用子datagrid)

    本文主要通过一个子datagrid来实现主次表.谢谢Kevin的博文. 代码部分与http://www.cnblogs.com/darrenji/p/3576258.html相似,这里只列出不一样的地 ...