[ ExtJS2.0 開發指南 ] CH4 : 常用表單 - 表單及表單元素 (5)

Ext.form.HtmlEditor HTML 編輯器 : 
Ext.form.HtmlEditor 擴展自 Ext.form.Field 組件, 是一個簡單易用的 HTML 文本編輯器, 提供基本文本編輯功能. 包括輸入文本字體, 字號, 顏色與對齊方式等常見屬性. 可以滿足用戶格式輸入文本的輸入要求, 下表列出它的主要配置 : 
 

範例代碼 : 

執行結果 : 
 
Ext.form.HtmlEdit 組件功能豐富, 但在使用上與其它表單組件存在一些差異, 包括以下幾點 : 

* 對瀏覽器的兼容性不同 : Ext.form.HtmlEditor 組件並不像其他組件那樣通用, 在 Safari 瀏覽器與 FireFox 瀏覽器存在 bug.
* 不支持數據驗證 : 同 Ext.form.TextField, Ext.form.TextArea 等輸入組件一樣, Ext.form.HtmlEditor 不支持數據驗證, 如沒有提供 allowBlank 配置項.
* 數據內容不同 : 調用 Ext.form.HtmlEditor 的 getValue() 方法得到的是格式化之後的 HTML 源文件, 而非輸入原文本.
* 高度與寬度 : Ext.form.HtmlEditor 的 width (寬度) 屬性 與 height (高度) 屬性必須一起指定, 否則不會生效.

Ext.form.FieldSet 自段集 : 
Ext.form.FieldSet 擴展自 Ext.Panel 面板組件, 是一個標準的字段容器. 常用來將含義相近的字段組組織在一起, 使表單結構清晰, 主要配置項如下 : 
 

範例代碼 : 

執行結果 :