在上文中（點擊這里回顧>>），我們為大家介紹了HTML / JSP編輯器、智能代碼完成和內容輔助等功能，本文將繼續介紹Emmet支持、Outline 視圖功能等。

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

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

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

該功能在中是可用的。

二、編輯源代碼

2.4 支持Emmet

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

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

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

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

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

一個更復雜的例子，ul>li. item$*5將產生：

<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擴展為border: none;

ff:v擴展為font-family: Verdana, Geneva, sans-serif;

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

除了代碼擴展，Emmet還可以幫助進行代碼導航和選擇。

三、 Outline視圖

Outline視圖提供了HTML文檔的實時樹形視圖，樹中的每個節點表示一個HTML元素。單擊樹節點在源編輯器中突出顯示相應的HTML元素，并在Properties視圖中激活該元素。

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

四、屬性視圖

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

五、參數頁面

要編輯HTML Editor參數，請右鍵單擊源編輯器，并從菜單中選擇Preferences?；蛘撸梢赃x擇Window>Preferences>MyEclipse>Files and Editors并選擇適當的編輯器，所有MyEclipse編輯器都使用公共編輯器參數，包括HTML編輯器。

HTML Source參數具有特定于HTML編輯的選項，例如格式規則、內容輔助、標記名稱和大小寫。