最近又重新捣鼓了下kindeditor，之前写的一篇文章http://hi.baidu.com/yanghbmail/blog/item/c681be015755160b1d9583e7.html感觉有点不太全面细致，所以今天再重新写下。

此文所述KE版本为当前2011年2月3日 20:10:18最新版KindEditor 3.5.2

先看下目录结构

我使用的是PHP 所以黄色区域的文件夹是可以删除的。

重命名为:kindeditor

看下我的WWW目录：

这里的关键文件就是图中的两个 其它我划掉的 是我自己的文件夹

-----------------dome.php----------------------

<?php

 $htmlData = '';

 if (!empty($_POST['content1'])) {

  if (get_magic_quotes_gpc()) {

  echo '上面的';

   $htmlData = stripslashes($_POST['content1']);

  } else {

  echo '下面的';

   $htmlData = $_POST['content1'];

  }

 }

?>

<!doctype html>

<html>

<head>

 <meta charset="utf-8" />

 <title>KindEditor PHP</title>

 <link rel="stylesheet" href="./kindeditor/examples/index.css" />   //此处的引入文件位置  路径为相对于该PHP文件的位置  此为demo.php

 <script charset="utf-8" src="./kindeditor/kindeditor.js"></script> //此处的引入文件位置 路径为相对于该PHP文件的位置此为demo.php

 <script>

  KE.show({

   id : 'content1',

   imageUploadJson : '../../php/upload_json.php',   //<<相对于kindeditor3.5.5\plugins\image\image.html

   fileManagerJson : '../../php/file_manager_json.php',   //<<相对于kindeditor3.5.5\plugins\file_manager\file_manager.html

   allowFileManager : true,

   afterCreate : function(id) {

    KE.event.ctrl(document, 13, function() {

     KE.util.setData(id);

     document.forms['example'].submit();

    });

    KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {

     KE.util.setData(id);

     document.forms['example'].submit();

    });

   }

  });

 </script>

</head>

<body class="ke-content">

 <?php echo $htmlData; ?>

 <form name="example" method="post" action="demo.php">

  <textarea id="content1" name="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;"><?php echo htmlspecialchars($htmlData); ?></textarea>

  <br />

  <input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)

 </form>

</body>

</html>

注意上面的4处红色文件的位置。

除此以外 还需要修改另两个文件

upload_json.php  <<上传图片的使用调用的文件

---------改成---------------

require_once 'JSON.php';

//文件保存目录路径

$save_path = '../attached/';   //<<起始路径为upload_json.php所以在目录 

//文件保存目录URL

$save_url = '../kindeditor/attached/';  //<<起始路径为使用编辑器的文件的路径，此处为demo.php文件。

上面的这句代码可以写成这样 $save_url = 'http://www.xxx.com/kindeditor/attached/';  这样显示出来的图片，就会带上网站的完整地址

--------upload_json.php 文件修改完毕-------

-------------修改file_manager_json.php文件-----------浏览远程文件时调用

//根目录路径，可以指定绝对路径，比如 /var/www/attached/

$root_path = $php_path . '../attached/'; //相对于JSON.php文件的位置。

//根目录URL，可以指定绝对路径，比如http://www.yoursite.com/attached/  //此处写全URL地址，在输出时并不会把地址输出来，是一个目录指向地址。

$root_url = $php_url . '../attached/';//相对于JSON.php文件的位置。

到此 整个配置就结束了。

yanghbmail 原创 转载请保留出处 谢谢！http://hi.baidu.com/yanghbmail/blog/item/6fc7beec9531e33462d09f2a.html

kindeditor编辑器上传图片报错：服务器发生故障！的解决方法：

在upload_json.php文件的头部加入一行：ini_set('date.timezone','Asia/Shanghai');

kindEditor完整认识 PHP上调用并上传图片说明的更多相关文章

  1. kindEditor完整认识 PHP上调用并上传图片说明/////////////////////////////z

      最近又重新捣鼓了下kindeditor,之前写的一篇文章http://hi.baidu.com/yanghbmail/blog/item/c681be015755160b1d9583e7.html ...

  2. kindeditor编辑器和图片上传独立分开的配置细节

    关于kindeditor编辑器上传按钮的异步加载最关键的部署问题,它的上传图片的组件都已经封装得很好了的,只需要监听到页面按钮的点击事件给编辑器对象传递一些对应的初始化参数即可显示图片上传的弹窗实现异 ...

  3. VBS脚本代码（手工编写---在windows 7上调用系统对话框，来选择文件）

    '=========================================================================='' VBScript Source File - ...

  4. Hadoop-2.6.0上调用C的API实现相似云盘的功能

    Hadoop-2.6.0上调用C的API实现类似云盘的功能(上传.下载.删除,重命名) 測试系统:CentOS6.6, hadoop-2.6.0 本次測试是调用hadoop下的C的API来訪问HDFS ...

  5. 使用element的upload组件实现一个完整的文件上传功能（下）

    本篇文章是<使用element的upload组件实现一个完整的文件上传功能(上)>的续篇. 话不多说,接着上一篇直接开始 一.功能完善—保存表格中每一列的文件列表状态 1.思路 保存表格中 ...

  6. 在创建窗口句柄之前,不能在控件上调用 Invoke 或 BeginInvoke

    今天关闭一个窗体,报出这样的一个错误"在创建窗口句柄之前,不能在控件上调用 Invoke 或 BeginInvoke.",这个不用多想,肯定是那个地方没有释放掉.既然碰到这个问题, ...

  7. 安装SQL Server出现在创建窗口句柄之前，不能在控件上调用 Invoke 或 BeginInvoke的错误解决办法

    以下是错误报告:   标题: SQL Server 安装程序失败. ------------------------------   SQL Server 安装程序遇到以下错误:   在创建窗口句柄之 ...

  8. 在创建窗口句柄之前,不能在控件上调用 Invoke 或 BeginInvoke。

    本文转载:http://blog.csdn.net/playing9c/article/details/7471918 http://blog.csdn.net/beelinkerlidejun/ar ...

  9. Object-C在Nil上调用方法

    在Object-C中,nil对象的作用等同于很多其它语言的NULL指针.不同的地方在于,在nil上调用方法不会导致程序崩溃或抛出异常. 这种技术被用在很多地方,但是对于我们来讲,最主要的就是我们不用在 ...

随机推荐

  1. SpringMVC 配置式开发-HandlerMapping的执行流程（八）

    具体看这两块是怎么执行的 下图是实现了DispatcherServlet从HandleMapping获得处理器执行链的逻辑的源代码 下面是DispatcherServlet从HandleAdaptor ...

  2. iOS逆向编程工具篇：class-dump

    class-dump是用来dump目标对象的class信息的工具,利用OC的runtime特性,将存储在Mach-O文件中的@interface.@protocol信息提取出来,并生成对应的.h文件. ...

  3. Java50道经典习题-程序45 被9整除

    题目:判断一个素数能被几个9整除分析:素数只能被1和其本身整除,不能被9整除,所以返回false import java.util.Scanner; public class Prog45{ publ ...

  4. [转]Marshaling a SAFEARRAY of Managed Structures by P/Invoke Part 2.

    1. Introduction. 1.1 In part 1 of this series of articles, I explained how managed arrays may be tra ...

  5. P与NP问题详解

    P,NP,NPC问题,这或许是众多OIer最大的误区之一. 本文就为大家详细讲解如上三个问题. 前序: 你会经常看到网上出现“这怎么做,这不是NP问题吗”.“这个只有搜了,这已经被证明是NP问题了”之 ...

  6. scala lambda 表达式 & spark RDD函数操作

    形式:(参数)=> 表达式  [ 一种匿名函数 ] 例1:map(x => x._2) 解:x=输入参数,“=>” 右边是表达式(处理参数): x._2 : x变为(**,x,**. ...

  7. 13.Convert BST to Greater Tree（将树转为更大树）

    Level:   Easy 题目描述: Given a Binary Search Tree (BST), convert it to a Greater Tree such that every k ...

  8. IDEA 文档注释 乱码 终极... 解决方案

    idea bin 目录 下           phpstorm64.exe.vmoptions  最后一行添加  : -Dfile.encoding=UTF-8

  9. windows server 2003和window2008区别

    windows 2003与windows 2008简介 windows 2003是微软老一代的服务器系统,自带iis 6,操作界面类似于windows XP,因为国内很多IDC都喜欢用盗版window ...

  10. Linux系统结构及常用命令

    一.系统结构 Linux是一个倒树形结构,最大的目录名叫“/”(根目录) 根目录之下有许多的二级目录,这些目录在系统中都拥有自己不同的功能,如图: 以后的诸多命令的执行和操作都与这些目录相关,现在了解 ...