Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「PHP入門講義」目錄
MarkDown
9-2 所見即所得編輯器 CKEditor 用法
1. 關於PHP
1-1 安裝 Uniform Server
1-2 安裝 XAMPP
2. 基礎語法
3. PHP與HTML表單
3-1 變數
3-2 PHP常數
3-3 運算子(運算元)
3-4 PHP資料類型
3-5 PHP陣列array
4. 函數
4-1 "引入"函數
5. 條件判斷與流程控制
5-1 迴圈
6. 認識MySQL資料庫
6-1 規劃資料庫欄位
7. PHP與MySQL資料庫
7-1 新增資料
7-2 讀出資料庫
7-3 修改(更新)資料
7-4 刪除資料
7-5 重排流水號
8. 小強佈景
9. 善用現有資源
9-1 分頁物件用法
9-2 所見即所得編輯器 CKEditor 用法
9-2-1 CKEditor 整合 elfinder 檔案管理
9-3 所見即所得編輯器 elRTE 用法
9-3-1 elrte 編輯器結合 elfinder進階檔案管理
9-4 My97DatePicker小月曆用法
9-5 formValidator 表單驗證
10. 用PHP上傳檔案
11. 安裝BootStrap
11-1 流動網格系統
21-1 index.php
9-3 所見即所得編輯器 elRTE 用法
PHP入門講義 ======= 1\. 解壓縮,將 elfinder-1.x 目錄改名為 elfinder,並複製到 htdocs 下。 2\. 設定FCKEditor <textarea name='content' cols=30 rows=5 id='editor'>請輸入內容</textarea> <script type='text/javascript'> CKEDITOR.replace('editor',{skin : 'v2'
, filebrowserBrowseUrl : 'elfinder.html'
}); </script> 3\. 建立上傳目錄,如 htdocs/
files
4\. 製作 elfinder 專頁
elfinder.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> </head> <body> <div id='finder'></div> <!-- jQuery and jQuery UI --> <script src="elfinder/js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="elfinder/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="elfinder/css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="elfinder/css/elfinder.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script src="elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script> <script src="elfinder/js/i18n/elfinder.zh\_TW.js" type="text/javascript" charset="utf-8"></script> <script type='text/javascript'> $().ready(function() { var funcNum = window.location.search.replace(/^.\*CKEditorFuncNum=(\\d+).\*$/, "$1"); var langCode = window.location.search.replace(/^.\*langCode=(\[a-z\]{2}).\*$/, "$1"); $('#finder').elfinder({ url : 'elfinder/connectors/php/connector.php', lang : langCode, editorCallback : function(url) { window.opener.CKEDITOR.tools.callFunction(funcNum, url); window.close(); } }) }) </script> </body> </html> 5\. 修改 elfinder/connectors/php/connector.php,設定 31、32 行,設定為正確位置,如: 'root' => '../../../files', // path to root directory 'URL' => 'http://localhost/files/', // root directory URL 將 42 行的 mimeDetect 註解取消,如此才能看得到縮圖。
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
57
人線上 (
7
人在瀏覽
線上書籍
)
會員: 0
訪客: 57
更多…