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

在上面(点击此处回顾)>>），我们向您介绍HTML / 本文将继续介绍Emmet支持的JSP编辑器、智能代码完成和内容辅助功能，Outline 视图功能等。

MyEclipse 正式版下载v2023.1

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

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

该功能可用于Myeclipse。

2.编辑源代码2.4 支持Emmet

HTML编辑器集成了Emmet支持，可以改进HTML和CSS的工作流程，可以在MyEclipse2015 CI 在12或更高版本中获得。

要访问Emmet命令，请右键单击编辑器，选择Emmet，然后选择Emmet命令。

与传统的代码片段功能不同，Emmet可以输入类似css的表达式，这些表达式将被动态分析，然后立即标记为良好的格式，从而节省大量的输入工作。

例如，如果您输入HTML文件：nav>ul>并按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:扩展到bordern: 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编辑的选项，如格式规则、内容辅助、标记名称和大小写。