解决Eclipse和myeclipse在进行 html,jsp等 页面编辑时,自动格式化变丑的问题

简介: 在eclipse和myelipse写JAVA代码时中使用ctrl+shift+f 快捷键自动排版省时又省力,排版后的代码规范美观又层次性,但在我们写jsp或html代码时,使用这个快捷键排版简直奇丑无比了。

eclipse和myelipse写JAVA代码时中使用ctrl+shift+f 快捷键自动排版省时又省力,排版后的代码规范美观又层次性,但在我们写jsp或html代码时,使用这个快捷键排版简直奇丑无比了。

如下图

8fea3c2cadb72e48ffdc6c5f48e20a8a_20181225165344597.png

一行同时显示多个标签,并且代码只要长点就会自动分行。这在我们调试的过程中中是极不方便的,那么我们应该怎样做呢?难道必须自己手动排版吗?

我们有两点要求:

1  是希望一行只显示一个标签

2  是希望长点的代码能不被分行

解决方法是:

myeclipse中是这样解决的:

点击 myeclipse菜单栏的 window选项卡,找到下拉 perferences 选项 , 在里面快捷 “搜索” 框里面输入 html  ,如下


5cee4795ca57a44ed48b0264e412d9df_20181225165344616.png


在 数字3   那里 的  line - width 是设置当前行里面有多少字符时,就换行。这个数字随意,这里以100为例。


接下来在  数字 4 那里(即 inline Elements 中的你希望一行显示一个标签的元素删除掉) 移除,一般是 a , li  ,label , input ,select,dl ,div等这些常用 嵌套 其他标签的的标签。


完成之后单击OK,之后在要格式的的jsp或html等页面中,如果想格式化整个个页面 ctrl  + A 全选页面之后按下 ctrl + shift + F,就可以进行整个页面格式化了。如果不全选,默认按下ctrl + shift + F 是格式化当前正在编辑的整个页面。


如果想局部格式化,则用鼠标选中要格式化的部分,按下 ctrl + shift + F 即可。


大功告成之后是这样的效果:

c8c3195c139ecde248b642f59351506a_20181225165344632.png

在eclipse中是这样解决的:

点击 eclipse菜单栏的 window选项卡,找到下拉 perferences 选项 , 在里面快捷 “搜索” 框里面输入 html  

如图所示:

86f0948299d9bec1981c96d09484283e_20181225165344653.png

在 数字 3   那里 的  line - width 是设置当前行里面有多少字符时,就换行。这个数字随意,这里以100为例。


接下在在  数字 4 那里(即 inline Elements 中的你希望一行显示一个标签的元素删除掉) 移除,一般是 a , li  ,label , input ,select,dl ,div等这些常用 嵌套 其他标签的的标签。


完成之后单击OK,之后在要格式的的jsp或html等页面中,如果想格式化整个个页面 ctrl  + A 全选页面之后按下 ctrl + shift + F,就可以进行整个页面格式化了。如果不全选,默认按下ctrl + shift + F 是格式化当前正在编辑的整个页面。


如果想局部格式化,则用鼠标选中要格式化的部分,按下 ctrl + shift + F 即可。


大功告成之后是这样的效果:

参考了部分 http://124654439.iteye.com/blog/2174145

目录
相关文章
|
15天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
31 7
|
28天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
52 12
|
28天前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
51 11
|
14天前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
40 0
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
48 2
|
21天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
34 0
|
2月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
39 1
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
52 6
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `<html>`, `<head>`, `<body>` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
70 0
|
2月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天

推荐镜像

更多