在上文中（點(diǎn)擊這里回顧>>），我們?yōu)榇蠹医榻B了HTML / JSP編輯器、智能代碼完成和內(nèi)容輔助等功能，本文將繼續(xù)介紹Emmet支持、Outline 視圖功能等。

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

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

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

該功能在中是可用的。

二、編輯源代碼

2.4 支持Emmet

HTML編輯器集成了Emmet支持，可以改進(jìn)HTML和CSS工作流程，可在 2015 CI 12或更高版本中獲得。

要訪問Emmet命令，請右鍵單擊編輯器，選擇Emmet，然后選擇Emmet命令。

與常規(guī)代碼片段功能不同，使用Emmet可以輸入類似css的表達(dá)式，這些表達(dá)式會被動態(tài)解析，然后立即展開為格式良好的標(biāo)記，從而節(jié)省了大量的輸入工作。

例如，在HTML文件中，如果您輸入：nav>ul>li并按Ctrl+Alt+Enter，您將得到：

<nav>
<ul>
<li>
</li>
</ul>
</nav>

一個更復(fù)雜的例子，ul>li. item$*5將產(chǎn)生：

<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>

下面是幾個CSS示例：

bd:n擴(kuò)展為border: none;

ff:v擴(kuò)展為font-family: Verdana, Geneva, sans-serif;

還有數(shù)百個額外的選項 - 右鍵單擊編輯器，選擇Emmet>Emmet Cheat Sheet獲得所有縮寫的列表。

除了代碼擴(kuò)展，Emmet還可以幫助進(jìn)行代碼導(dǎo)航和選擇。

三、 Outline視圖

Outline視圖提供了HTML文檔的實(shí)時樹形視圖，樹中的每個節(jié)點(diǎn)表示一個HTML元素。單擊樹節(jié)點(diǎn)在源編輯器中突出顯示相應(yīng)的HTML元素，并在Properties視圖中激活該元素。

右鍵單擊大綱中的HTML元素，來查看為其啟用的操作列表，每個菜單的內(nèi)容都是基于HTML元素的類型。例如，在下面的例子中，Add Before菜單中' <tr> '標(biāo)簽的菜單項只顯示那些在父' <table> '上下文中有意義的HTML標(biāo)簽。

四、屬性視圖

Properties視圖允許您為任何選定的HTML元素編輯有效的屬性。

五、參數(shù)頁面

要編輯HTML Editor參數(shù)，請右鍵單擊源編輯器，并從菜單中選擇Preferences。或者，您可以選擇Window>Preferences>MyEclipse>Files and Editors并選擇適當(dāng)?shù)木庉嬈鳎蠱yEclipse編輯器都使用公共編輯器參數(shù)，包括HTML編輯器。

HTML Source參數(shù)具有特定于HTML編輯的選項，例如格式規(guī)則、內(nèi)容輔助、標(biāo)記名稱和大小寫。