MyEclipse技術交流群：742336981 歡迎一起進群討論

如果您有HTML或JSP文件要編輯，這里將介紹如何編輯。查找以下信息：

• 編輯源代碼
• 大綱和屬性視圖
• 參數頁面

該功能在中是可用的。

一、HTML / JSP編輯器

要編輯HTML或JSP文件，請執行以下操作當中的一個：

• 雙擊HTML或JSP文件。
• 右鍵單擊HTML或JSP文件，并選擇Open。

HTML編輯器有以下模式：

• 源模式 — 源模式是HTML和JSP代碼的源代碼編輯器，它包括智能內容輔助、行編號、彩色語法高亮顯示、格式操作、實時驗證、在輸入時標記有問題的源代碼以及代碼格式化。
• 設計模式 — 設計模式具有雙面板視圖，頂部面板為設計模式，底部面板為源模式。設計模式為所見即所得的可視化編輯模式，設計畫布允許選擇、復制、剪切、粘貼和使用拖放重新定位Web UI控件。此模式包括一個設計調色板，其中包含可以添加到設計畫布的UI Web控件。
• 預覽模式 — 預覽模式允許用戶快速查看頁面在瀏覽器中的外觀，預覽模式從設計模式加載當前源代碼，即使編輯器內容尚未保存。HTML源代碼以預覽模式呈現，并且“扎根”于資源所在的位置。如果HTML文檔中的圖像相對于HTML頁面的當前位置，則圖像將在預覽中正確呈現。

打開文件時，默認模式是Design（設計），通過單擊編輯器底部的適當選項卡來更改模式。

本文概述了使用源代碼編輯器編輯HTML時最重要的概念和特性。

二、編輯源代碼

用戶可以從源代碼模式或設計模式訪問源代碼，設計模式具有雙面板視圖，設計模式位于頂部面板，源模式位于底部面板。

直接編輯源代碼時，可以使用以下功能：

• 語法、顏色和高亮
• 智能代碼完成和內容輔助
• HTML驗證
• 源格式和清理
• HTML模板
• HTML片段

2.1 智能代碼完成和內容輔助

在整個源代碼中，編輯器提供特定于內容的代碼幫助。

Tag names（標記名稱）：Code assist根據當前上下文提供可用HTML標記的列表。

Tag attributes（標記屬性）：代碼輔助提供了特定于正在編輯的標記屬性列表。

Attribute values（屬性值）：在適當的時候，代碼幫助會為您提供一個已知可能值的列表。

2.2 HTML驗證

有兩種類型的HTML驗證：“輸入時”和“資源更改”。

“輸入時”：當對HTML文檔進行更改時，編輯器總是檢查HTML語法的有效性，就像Java編輯器一樣。

注意：這種類型的驗證錯誤和警告不會出現在Problems視圖中。

資源更改：當資源被修改(保存、移動、復制或導入)時，資源構建器將對資源執行HTML驗證。

注意：您可以通過從菜單中選擇Window>Preferences，展開MyEclipse并選擇Validation來設置驗證參數。

2.3 源格式化和清理

要快速格式化源代碼，請右鍵單擊編輯器，并選擇Source>Format。格式化器不會在內部修改HTML標記元素，它只調整HTML元素的縮進和間距。

使用Cleanup Document選項進行高級格式化和樣式調整，允許您更改標記名稱和屬性的大小寫，還有其他選項可以插入所需的標記和屬性。要使用此選項，請在編輯器中右鍵單擊并選擇Source>Cleanup Document，選擇Format source復選框，來將Format Document操作作為文檔清理的一部分。