最近又重新捣鼓了下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. UWP &WP8.1 依赖属性和用户控件 依赖属性简单使用 uwp添加UserControl

    上面说 附加属性.这章节说依赖属性. 所谓依赖属性.白话讲就是添加一个公开的属性. 同样,依赖属性的用法和附加属性的用法差不多. 依赖属性是具有一个get,set的属性,以及反调函数. 首先是声明依赖 ...

  2. Python3中集合的混合使用

    比较简单没什么好说的: list_1 = [1,2,3,4,6,3,2,5,7,8,2,1] list_1 = set(list_1) list_1.add(999) list_2 = set([2, ...

  3. python之编辑器pycharm

    在进行python开发的时候,习惯使用pycharm这个编辑器进行开发工作,总结一些常用到的功能点 常用功能: 1. 打开当前文件所在的目录 在文件右击 -> Show in Exploer   ...

  4. 659. Split Array into Consecutive Subsequences

    You are given an integer array sorted in ascending order (may contain duplicates), you need to split ...

  5. 吴裕雄 python 机器学习——等度量映射Isomap降维模型

    # -*- coding: utf-8 -*- import numpy as np import matplotlib.pyplot as plt from sklearn import datas ...

  6. nginx的worker_processes优化

    nginx的worker_processes参数来源: http://bbs.linuxtone.org/thread-1062-1-1.html分享一:搜索到原作者的话:As a general r ...

  7. 使用remove_constants工具查看Oracle是否使用绑定变量

    https://asktom.oracle.com/pls/asktom/f?p=100:11:::::P11_QUESTION_ID:1163635055580 http://blog.csdn.n ...

  8. 如何实现 MySQL 的读写分离？MySQL 主从复制原理的是啥？如何解决 MySQL 主从同步的延时问题？

    如何实现 MySQL 的读写分离? 其实很简单,就是基于主从复制架构,简单来说,就搞一个主库,挂多个从库,然后我们就单单只是写主库,然后主库会自动把数据给同步到从库上去. MySQL 主从复制原理的是 ...

  9. CF1101C Division and Union 线段相交问题

    #include<iostream> #include<cstdio> #include<algorithm> #include<cstdlib> #i ...

  10. vue.js组件之j间的通讯二

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...