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

時間 2019-11-15

標籤 kindeditor 完整認識 php 上調上傳圖片說明欄目 PHP 简体版

原文原文鏈接

最近又從新搗鼓了下kindeditor，以前寫的一篇文章http://hi.baidu.com/yanghbmail/blog/item/c681be015755160b1d9583e7.html感受有點不太全面細緻，因此今天再從新寫下。php

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

先看下目錄結構html

我使用的是PHP 因此黃色區域的文件夾是能夠刪除的。json

重命名爲:kindeditor服務器

看下個人WWW目錄：dom

這裏的關鍵文件就是圖中的兩個其它我劃掉的是我本身的文件夾編輯器

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

[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處紅色文件的位置。網站

除此之外還須要修改另兩個文件ui

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