解决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

目录
相关文章
|
2月前
|
Java
jsp时间格式化
jsp时间格式化
31 0
|
9月前
|
存储 Java 关系型数据库
JSP考试质量分析系统myeclipse开发mysql数据库bs框架java编程web网页结构
JSP 考试质量分析系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
197 1
|
1月前
|
前端开发 搜索推荐 UED
HTML基础-文本格式化标签:美化网页内容
【6月更文挑战第1天】本文介绍了HTML的文本格式化标签,包括`<b>`、`<strong>`、`<i>`、`<em>`、`<u>`、`<s>`、`<mark>`、`<small>`、`<sub>`和`<sup>`等,强调了语义化使用和避免常见错误的重要性。示例代码展示了这些标签的用法,帮助提升网页内容的可读性和吸引力。
|
7天前
|
JavaScript
VScode格式化vue文件--避免html属性换行
VScode格式化vue文件--避免html属性换行
17 0
|
11天前
|
Java
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
11 0
|
24天前
蓝易云 - MyEclipse6.5安装m2eclipse方法
注意:由于MyEclipse 6.5是一个较旧的版本,可能无法支持最新版本的m2eclipse插件,因此在下载时,请尽量选择与MyEclipse 6.5兼容的m2eclipse版本。
8 0
|
2月前
|
前端开发 UED
HTML 文本格式化
HTML 文本格式化
|
2月前
|
搜索推荐 SEO
HTML文本格式化标签的深入解析与应用
HTML文本格式化标签的深入解析与应用
26 0
|
2月前
|
搜索推荐 开发者 UED
HTML格式化
HTML格式化
28 0
|
2月前
|
移动开发 JavaScript 前端开发
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
63 5

推荐镜像

更多