首页 > 其他分享 >【开发者指南】如何在MyEclipse中编辑HTML或JSP文件?(一)

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

时间:2023-05-17 10:35:18浏览次数:43  
标签:设计模式 MyEclipse 模式 编辑器 HTML JSP 源代码

MyEclipse v2022.1.0正式版下载

MyEclipse技术交流群:742336981 欢迎一起进群讨论

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

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

该功能在MyEclipse中是可用的。

一、HTML / JSP编辑器

要编辑HTML或JSP文件,请执行以下操作当中的一个:

  • 双击HTML或JSP文件。
  • 右键单击HTML或JSP文件,并选择Open。

HTML编辑器有以下模式:

  • 源模式 — 源模式是HTML和JSP代码的源代码编辑器,它包括智能内容辅助、行编号、彩色语法高亮显示、格式操作、实时验证、在输入时标记有问题的源代码以及代码格式化。
  • 设计模式 — 设计模式具有双面板视图,顶部面板为设计模式,底部面板为源模式。设计模式为所见即所得的可视化编辑模式,设计画布允许选择、复制、剪切、粘贴和使用拖放重新定位Web UI控件。此模式包括一个设计调色板,其中包含可以添加到设计画布的UI Web控件。
  • 预览模式 — 预览模式允许用户快速查看页面在浏览器中的外观,预览模式从设计模式加载当前源代码,即使编辑器内容尚未保存。HTML源代码以预览模式呈现,并且“扎根”于资源所在的位置。如果HTML文档中的图像相对于HTML页面的当前位置,则图像将在预览中正确呈现。

打开文件时,默认模式是Design(设计),通过单击编辑器底部的适当选项卡来更改模式。

MyEclipse的HTML / JSP编辑器

本文概述了使用源代码编辑器编辑HTML时最重要的概念和特性。

二、编辑源代码

用户可以从源代码模式或设计模式访问源代码,设计模式具有双面板视图,设计模式位于顶部面板,源模式位于底部面板。

MyEclipse的HTML / JSP编辑器

直接编辑源代码时,可以使用以下功能:

  • 语法、颜色和高亮
  • 智能代码完成和内容辅助
  • HTML验证
  • 源格式和清理
  • HTML模板
  • HTML片段
2.1 智能代码完成和内容辅助

在整个源代码中,编辑器提供特定于内容的代码帮助。

Tag names(标记名称):Code assist根据当前上下文提供可用HTML标记的列表。

MyEclipse的HTML / JSP编辑器

Tag attributes(标记属性):代码辅助提供了特定于正在编辑的标记属性列表。

MyEclipse的HTML / JSP编辑器

Attribute values(属性值):在适当的时候,代码帮助会为您提供一个已知可能值的列表。

MyEclipse的HTML / JSP编辑器
2.2 HTML验证

有两种类型的HTML验证:“输入时”和“资源更改”。

“输入时”:当对HTML文档进行更改时,编辑器总是检查HTML语法的有效性,就像Java编辑器一样。

注意:这种类型的验证错误和警告不会出现在Problems视图中。

MyEclipse的HTML / JSP编辑器

资源更改:当资源被修改(保存、移动、复制或导入)时,资源构建器将对资源执行HTML验证。

注意:您可以通过从菜单中选择Window>Preferences,展开MyEclipse并选择Validation来设置验证参数。

MyEclipse的HTML / JSP编辑器
2.3 源格式化和清理

要快速格式化源代码,请右键单击编辑器,并选择Source>Format。格式化器不会在内部修改HTML标记元素,它只调整HTML元素的缩进和间距。

MyEclipse的HTML / JSP编辑器

使用Cleanup Document选项进行高级格式化和样式调整,允许您更改标记名称和属性的大小写,还有其他选项可以插入所需的标记和属性。要使用此选项,请在编辑器中右键单击并选择Source>Cleanup Document,选择Format source复选框,来将Format Document操作作为文档清理的一部分。

MyEclipse的HTML / JSP编辑器

更多MyEclipse中文教程资讯请上中文网获取

 

标签:设计模式,MyEclipse,模式,编辑器,HTML,JSP,源代码
From: https://www.cnblogs.com/AABBbaby/p/17407752.html

相关文章

  • html中怎么把radio变大?
    可以使用CSS样式来修改HTML中的​​radio​​按钮大小。以下是一些示例代码: 使用​​transform:scale()​​​属性<label><inputtype="radio"name="option">Option1</label><style>input[type=radio]{transform:scale(2);margin-rig......
  • SpringBoot添加JSP支持
    ①创建一个新的MavenWeb项目,命名为SpringBoot_jsptest建成之后会如上图所示,报错是因为没有加入jsp的支持。②按照Maven规范,在src/main/下新建一个名为resource的文件夹,并在下面新建static以及templates文件夹修改pom.xml文件:      1、在url标签后面加入parent元素: <!--......
  • HTML 里 img 元素的 src 和 srcset 属性有何区别?
    在HTML中,img元素通常用于在网页中插入图片。img元素有两个相关的属性:src和srcset。src属性指定图像的URL,它是必需的。浏览器将使用该URL加载图像并将其显示在页面上。srcset属性允许您指定一系列不同大小或分辨率的图像文件,以便浏览器可以根据设备的像素密度和屏幕大......
  • 电商JD商城登录页面html+css
    这也太难了吧,怎么连抄咱也不会抄啊QAQ看了这么久的前端,总是感觉看得懂,写不出来,抄也不会抄这不,这又抄写了一个京东电商商城的登录页面,本来想好好学习一下页面的布局以及编写结构和思维,结果html代码还行,至少可以看的懂,到了css上就完全不知道怎么设置样式了,感觉有的样式完全可以不......
  • jsp中实现文件上传下载的三种解决方案(推荐)
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭......
  • HTML引用字体文件
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css">@font-face{font-family:'123';......
  • HTML5网页游戏开发
    HTML概述互联网上的应用程序被称为Web应用程序,web应用程序使用Web文档(网页)来表示用户界面,Web文档都遵循html格式,html5是最新的html标准HTML基础HTML是HyperTextMarkupLanguage(即超文本),它是通过嵌入代码或标记代码来表名文本格式的国际标准。它编写的文件扩展名是.htm......
  • 用JFreeChart增强JSP报表的用户体验(2)
     三. 饼图在WebRoot目录下建立名为pie的子目录,用来存放本教程中饼图的实例jsp页面。下面让我们来看一个简单的三维饼图。首先在pie目录下建立一个名为sample1.jsp的页面。在JFreeChart中,与饼图绘制密切相关的类如下:1) PiePlot饼图绘制类,可以用来设置饼图的相关属性。例......
  • 同步处理servlet传递json数据到jsp
    在servlet里面也可以用request.setAttribute传递json的数据,但是传递之前需要先将这个数据格式转化为字符串Stringjsonstr=json.toString();request.setAttribute("jsonstr",jsonstr);request.getRequestDispatcher("/showjson.jsp").forward(req......
  • htmlParser源码分析之1---类图
         需要做一个垂直搜索引擎,比较了nekohtml和htmlparser的功能,尽管nekohtml在容错性、性能等方面的口碑好像比htmlparser好(htmlunit也用的是nekohtml),但感觉nekohtml的测试用例和文档都比htmlparser都少,而且htmlparser基本上能够满足垂直搜索引擎页面处理分析的需......