Tad 教材網 - 線上書籍

:::

PHP入門講義
=======

1.貼上以下語法，自行修改正確路徑。

<script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>  
 <script src="js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>  
 <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8">  
   
   
 <script src="js/elrte.min.js" type="text/javascript" charset="utf-8"></script>  
 <link rel="stylesheet" href="css/elrte.min.css" type="text/css" media="screen" charset="utf-8">  
   
   
 <script src="js/i18n/elrte.zh\_TW.js" type="text/javascript" charset="utf-8"></script>  
   
 <script type="text/javascript" charset="utf-8">  
 $().ready(function() {  
 var opts = {  
 cssClass : 'el-rte',  
 lang : 'zh\_TW',  
 width : 640,  
 height : 200,  
 toolbar : 'complete',  
 cssfiles : \['css/elrte-inner.css'\]  
 }  
 $('#editor').elrte(opts);  
 })  
 </script>

2.在表單中的編輯框裡加上 id="editor" ，如：

3.修改 doctype 為：

<div class="SYN_TXT" id="syn_row1" style="TEXT-INDENT: -0.5em; PADDING-LEFT: 1em"><span style="color: rgb(255, 0, 0);"><span class="HTML_TXT"><span class="HTML_TAG"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span></span></span></div>###  選項

<table> <tbody> <tr> <th>Option</th> <th>Type</th> <th>Description</th> </tr> <tr> <td>doctype</td> <td>String</td> <td>DocType of editor window (iframe). Default - **<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">**</td> </tr> <tr> <td>cssClass</td> <td>String</td> <td>CSS class for editor</td> </tr> <tr> <td>cssfiles</td> <td>Array</td> <td>Array of css files which will be included in editor (iframe)</td> </tr> <tr> <td>absoluteURLs</td> <td>Boolean</td> <td>Make image URLs absolute</td> </tr> <tr> <td>allowSource</td> <td>Boolean</td> <td>Allow edit in HTML</td> </tr> <tr> <td>lang</td> <td>String</td> <td>Interface language (requires inclusion of language file), default - English</td> </tr> <tr> <td>styleWithCSS</td> <td>Boolean</td> <td>If true - text will be formated using span-tag with style attribute, else - semantic tags like strong, em and other</td> </tr> <tr> <td>height</td> <td>Number</td> <td>Height of editor window in pixels</td> </tr> <tr> <td>width</td> <td>Number</td> <td>Width of editor window in pixels</td> </tr> <tr> <td>fmAllow</td> <td>Boolean</td> <td>Allow use of file manager</td> </tr> <tr> <td>fmOpen</td> <td>Function(callback)</td> <td>Function which will be called to open file manager. Argument *callback* - function which editor passes to file manager on open. File manager must call this function with using URL of selected file as argument</td> </tr> <tr> <td>toolbar</td> <td>String</td> <td>Toolbar to use</td> </tr> </tbody> </table>

### 工具列

- **tiny**: 最精簡的幾個基本功能
- **compact**: 比 tiny 多了儲存、復原、對齊、列表、連結、全螢幕等功能。
- **normal**: 比 compact 多了複製貼上、顏色選擇、邊距、區塊元件、圖片等功能。
- **complete**: 比 normal 多了文字大小、樣式及格式等功能。
- **maxi**: 比complete 多了表格功能

:::