最近又重新捣鼓了下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----------------------

  1. <?php
  2. $htmlData = '';
  3. if (!empty($_POST['content1'])) {
  4. if (get_magic_quotes_gpc()) {
  5. echo '上面的';
  6. $htmlData = stripslashes($_POST['content1']);
  7. } else {
  8. echo '下面的';
  9. $htmlData = $_POST['content1'];
  10. }
  11. }
  12. ?>
  13. <!doctype html>
  14. <html>
  15. <head>
  16. <meta charset="utf-8" />
  17. <title>KindEditor PHP</title>
  18. <link rel="stylesheet" href="./kindeditor/examples/index.css" />   //此处的引入文件位置  路径为相对于该PHP文件的位置  此为demo.php
  19. <script charset="utf-8" src="./kindeditor/kindeditor.js"></script> //此处的引入文件位置 路径为相对于该PHP文件的位置此为demo.php
  20. <script>
  21. KE.show({
  22. id : 'content1',
  23. imageUploadJson : '../../php/upload_json.php',   //<<相对于kindeditor3.5.5\plugins\image\image.html
  24. fileManagerJson : '../../php/file_manager_json.php',   //<<相对于kindeditor3.5.5\plugins\file_manager\file_manager.html
  25. allowFileManager : true,
  26. afterCreate : function(id) {
  27. KE.event.ctrl(document, 13, function() {
  28. KE.util.setData(id);
  29. document.forms['example'].submit();
  30. });
  31. KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {
  32. KE.util.setData(id);
  33. document.forms['example'].submit();
  34. });
  35. }
  36. });
  37. </script>
  38. </head>
  39. <body class="ke-content">
  40. <?php echo $htmlData; ?>
  41. <form name="example" method="post" action="demo.php">
  42. <textarea id="content1" name="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;"><?php echo htmlspecialchars($htmlData); ?></textarea>
  43. <br />
  44. <input type="submit" name="button" value="提交内容" /> (提交快捷键: Ctrl + Enter)
  45. </form>
  46. </body>
  47. </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上调用并上传图片说明/////////////////////////////z的更多相关文章

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

    最近又重新捣鼓了下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. android PreferenceFragment

    初始化: public SettingPreferenceFragment() { } public void setArguments(Bundle bundle){ String targetId ...

  2. C# 该行已经属于另一个表

    DataTable dtSource = (DataTable)this.gridControl1.DataSource; DataRow[] dr = dtSource.Select("c ...

  3. 服务器部署多个tomcat经验

    如果想在服务器上部署两个或多个tomcat项目,可以采用多个端口的方法: 如何修改Tomcat端口?   答:在Tomcat的conf文件夹里有个server.xml文件,修改里面的<Conne ...

  4. finally类

    finally叫做最后的执行快,什么是最后的执行快?他的意思是这样的 他是写在try catch 的后面但是只能写一个,他设计这个finally的意思就是,如果try里面出错肯定会往陷阱里 面跑.没有 ...

  5. C语言2

    今天总结数组和数据类型,数组就是按一定顺序排列,具有某种相同性质的同类型变量的集合,这些变量具有相同的名字和数据类型(int  char long 等),在内存中顺序排列,并通过下标区分(下标从0开始 ...

  6. 简单快速部署samba服务器

    samba是一种在linux环境运行的免费软件,可以为局域网内的不同计算机系统之间提供文件以及打印机等资源的共享服务. samba服务安装和配置: 1.安装gcc编译器以及samba服务和samba依 ...

  7. 自动执行任务管理---TaskManage

    这篇主要配合数据使用 先说数据库 名字都很标准---------------------------------- ------------------------------------------ ...

  8. Thinking in Java——笔记(16)

    Arrays Why arrays are special There are three issues that distinguish arrays from other types of con ...

  9. Thinking in Java——笔记(12)

    Error Handling with Exceptions The ideal time to catch an error is at compile time, before you even ...

  10. RFID电子标签天线的印刷

    RFID 电子标签技术又称RFID(Radio FrequencyIdentification)射频识别技术,是一种非接触式的自动识别技术,通过相距几厘米到几米距离内传感器发射的无线电波,可以读取RF ...