当前位置: 首页 > 图灵资讯 > 技术篇> 【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)

来源:图灵教育
时间:2023-06-26 15:48:43

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

MyEclipse 正式版下载v2023.1

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

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

该功能可用于Myeclipse。

2.编辑源代码2.4 支持Emmet

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

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

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_java开发工具

与传统的代码片段功能不同,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视图中激活该元素。

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_HTML_02

右键单击大纲中的HTML元素,查看操作列表。每个菜单的内容都是基于HTML元素的类型。例如,在下面的例子中,Add 在Before菜单中, <tr> 标签菜单项只显示在父 <table> 上下文中有意义的HTML标签。

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_HTML_03

四、属性视图

Properties视图允许您编辑任何选定的HTML元素的有效属性。

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_java开发工具_04

五、参数页面

编辑HTML Editor参数,请右键单击源编辑器,并从菜单中选择Preferences。或者,您可以选择Window>Preferences>MyEclipse>Files and Editors并选择合适的编辑器,所有Myeclipse编辑器都使用公共编辑器参数,包括HTML编辑器。

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_java开发工具_05

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

【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(二)_java开发工具_06