代碼高亮：http://www.cnblogs.com/KTblog/p/5205214.html
效果：
項目結構：
- Extend：存放各種擴展
- BlogAction.class.php：博文模塊
- addBlog.html:添加博文頁面
Html代碼：
只是用一個核心文件也可，也可以加入其他js文件，比如語言包，擴展包。
addBlog.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>添加博文</title> <link rel="stylesheet" href="__PUBLIC__/Css/Public.css" /> </head> <body> <table class="table"> //代碼省略......
//代碼省略......
//代碼省略...... <tr> <td colspan="2" align="center"> <!-- KindEditor編輯器 Begin --> <textarea name="content" style="width:700px;height:200px;visibility:hidden;"></textarea> <!-- KindEditor編輯器 End --> </td> </tr> <tr> <td colspan="2" align="center"> <!-- <input type="text" value="保存提交" /> --> <a href="" id="submit">提交</a> </td> </tr> </table> <!-- JQuery CDN Begin --> <script src="//cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <!-- JQuery End --> <!-- KindEditor編輯器JS Begin --> <script charset="utf-8" src="__EXTEND__/KindEditor/kindeditor.js"></script> <!-- KindEditor編輯器JS End --> <!-- 調用js Begin --> <script> $(function () { //初始化編輯器 var ed = null; KindEditor.ready(function(K) {
//上傳操作 ed = K.create('textarea[name="content"]', { uploadJson : '../Blog/upload',//post提交圖片的地址，在后台按照往常的上傳函數接受即可。 }); }); //提交事件 $('#submit').click(function() { var content = ed.html();//獲取編輯器內容 alert(content); }); }); </script> <!-- 調用js End --> </body> </html>
PHP后台：
- 此處使用了ThinkPHP的MVC模式搭建項目：
- 所以傳遞到這個路徑：../Blog/upload,其中 ../ 代表文件所在位置其上的所有目錄結構。文件所在目錄，看頂部圖片。
- 上傳成功或失敗，按照注釋所給的json格式傳遞會前台即可。
- 可以使用加蓋水印功能
BlogAction.class.php->upload()
/** * 處理上傳圖片 * @return [type] [description] */ Public function upload() { //上傳文件 import('ORG.Net.UploadFile'); //加蓋水印 import('ORG.Util.Image'); $upload = new UploadFile(); $upload->savePath = './App/Uploads/'; $upload->autoSub = true; $upload->subType = 'date'; $upload->dateFormat = 'Ymd'; // 返回值： // //成功時 // { // "error" : 0, // "url" : "http://www.example.com/path/to/file.ext" // } // //失敗時 // { // "error" : 1, // "message" : "錯誤信息" // } if ( !$upload->upload() ) { echo json_encode(array('error'=>1, $upload->getErrorMsg())); } else { $UplaodFileInfo = $upload->getUploadFileInfo(); $imagePath = '/App/Uploads/' . $UplaodFileInfo[0]['savename']; //加蓋水印 //地址前面要使用 ./ 當前路徑 Image::water('.' . $imagePath, './App/Data/logo.gif'); echo json_encode(array('error'=>0, 'url'=>$imagePath)); } }