kindEditor完整認識 PHP上調用並上傳圖片說明/////////////////////////////z

最後更新：2016-09-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

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

[html] view plain copy

<?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上調用並上傳圖片說明/////////////////////////////z

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More