MyEclipse技術(shù)交流群：742336981 歡迎一起進(jìn)群討論

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

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

該功能在中是可用的。

一、HTML / JSP編輯器

要編輯HTML或JSP文件，請執(zhí)行以下操作當(dāng)中的一個(gè)：

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

HTML編輯器有以下模式：

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

打開文件時(shí)，默認(rèn)模式是Design（設(shè)計(jì)），通過單擊編輯器底部的適當(dāng)選項(xiàng)卡來更改模式。

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

二、編輯源代碼

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

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

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

2.1 智能代碼完成和內(nèi)容輔助

在整個(gè)源代碼中，編輯器提供特定于內(nèi)容的代碼幫助。

Tag names（標(biāo)記名稱）：Code assist根據(jù)當(dāng)前上下文提供可用HTML標(biāo)記的列表。

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

Attribute values（屬性值）：在適當(dāng)?shù)臅r(shí)候，代碼幫助會為您提供一個(gè)已知可能值的列表。

2.2 HTML驗(yàn)證

有兩種類型的HTML驗(yàn)證：“輸入時(shí)”和“資源更改”。

“輸入時(shí)”：當(dāng)對HTML文檔進(jìn)行更改時(shí)，編輯器總是檢查HTML語法的有效性，就像Java編輯器一樣。

注意：這種類型的驗(yàn)證錯(cuò)誤和警告不會出現(xiàn)在Problems視圖中。

資源更改：當(dāng)資源被修改(保存、移動(dòng)、復(fù)制或?qū)?時(shí)，資源構(gòu)建器將對資源執(zhí)行HTML驗(yàn)證。

注意：您可以通過從菜單中選擇Window>Preferences，展開MyEclipse并選擇Validation來設(shè)置驗(yàn)證參數(shù)。

2.3 源格式化和清理

要快速格式化源代碼，請右鍵單擊編輯器，并選擇Source>Format。格式化器不會在內(nèi)部修改HTML標(biāo)記元素，它只調(diào)整HTML元素的縮進(jìn)和間距。

使用Cleanup Document選項(xiàng)進(jìn)行高級格式化和樣式調(diào)整，允許您更改標(biāo)記名稱和屬性的大小寫，還有其他選項(xiàng)可以插入所需的標(biāo)記和屬性。要使用此選項(xiàng)，請?jiān)诰庉嬈髦杏益I單擊并選擇Source>Cleanup Document，選擇Format source復(fù)選框，來將Format Document操作作為文檔清理的一部分。