【开发者指南】如何在MyEclipse中编辑HTML或JSP文件？（二）

在上文中（点击这里回顾>>），我们为大家介绍了HTML / JSP编辑器、智能代码完成和内容辅助等功能，本文将继续介绍Emmet支持、Outline 视图功能等。

MyEclipse v2023.1正式版下载

如果您有HTML或JSP文件要编辑，这里将介绍如何编辑。查找以下信息：

• 编辑源代码
• 大纲和属性视图
• 参数页面

该功能在MyEclipse中是可用的。

二、编辑源代码

2.4 支持Emmet

HTML编辑器集成了Emmet支持，可以改进HTML和CSS工作流程，可在MyEclipse 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。或者，您可以选择Window>Preferences>MyEclipse>Files and Editors并选择适当的编辑器，所有MyEclipse编辑器都使用公共编辑器参数，包括HTML编辑器。

HTML Source参数具有特定于HTML编辑的选项，例如格式规则、内容辅助、标记名称和大小写。