最近又重新捣鼓了下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-4.1.9的Java项目,采用Struts2框架,实现了KindEditor单张图片上传、批量图片上传,可以上传到image目录下的子目录中,可返回上一级目录,并实现了按名称、大小、类型排序的功能。...
kindeditor本地上传图片支持token字段,kindeditor本身图片上传并无token参数,本资源利用原生ajax改造上传代码。
kindeditor 编辑器php 版 支持附件上传功能! kindeditor 编辑器php 版 支持附件上传功能!kindeditor 编辑器php 版 支持附件上传功能!kindeditor 编辑器php 版 支持附件上传功能!kindeditor 编辑器php 版 支持...
kindeditor分页,kindeditor图片上传完整代码 kindeditor分页,kindeditor图片上传完整代码
vue 使用kindeditor粘贴复制图片上传给自己服务器,单独图片上传,避免用户到处寻找,解决了用户粘贴复制截图时候,图片变成base64,上传给后台的时候长度过于长,所以在粘贴的时候就上传给服务器,最后以形式显示在富...
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
今天本人才接触KindEditor,一看得到这个外观漂亮,也是JS写的,觉得比较好用就开始琢磨自己来拿用 但是在用时就发现很多问题! 其中图片上传就是一个 所以就自己写了个Demo研究,现在总算没问题了 这个Demo希望...
kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书
JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能) 1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤; 2.将图片上传与管理的JSP页面改写成SERVLET,同时去除JSON包; 3.添加图片压缩...
kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频
kindEditor4.1版修改上传图片宽高(图片自适应)
已经付费购买的图片批量上传工具,可以在Web页面一次批量上传多张图片,可以直接从word中拷贝然后粘贴上传,尤其对于word中的数学公式,可以自动转为图片上传到web服务器,非常方便。
kindeditor富文本,多图上传,去除flash插件,解决无法展示选择图片按钮问题,以及添加上传后结果展示。
kindeditor-阿里OSS上传PHP版,自己改写项目中使用。另有EXTJS版kindeditor类如有需要请留言
自从flash不再维护和更新,kindeditor又是flash模式上传的,所以上传组件功能完全失效,本次案例是解决不支持flash问题,PHP亲测有效,下载直接正常调用即可进行多图上传。
kindeditor极容易在.net里面配置,本方法介绍上传文件盒图片,十分简单,通过测试,假如您觉得好的话,请给五分哦!
由于2020-12-31以后谷歌浏览器不再支持Flash,所以开发了一个H5版的上传,只需要简单的替换文件即可。
可以上传的 ASP在线编辑器,能本地上传图片。简单快捷,功能齐全。kindeditor