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

目录
相关文章
|
Java
jsp时间格式化
jsp时间格式化
81 0
|
存储 Java 关系型数据库
JSP考试质量分析系统myeclipse开发mysql数据库bs框架java编程web网页结构
JSP 考试质量分析系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
318 1
|
Java 数据库连接 数据库
JSP奖学金管理系统myeclipse开发sqlserver数据库bs框架java编程jdbc
JSP 奖学金管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为SQLSERVER2008,使用java语言开发,系统主要采用B/S模式开发。
144 0
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
前端开发 JavaScript Java
springmvc前端jsp与html
在Spring MVC框架中,前端页面既可以使用JSP(JavaServer Pages)也可以使用HTML,具体使用哪一种或哪几种技术,主要取决于项目的需求、团队的熟悉度以及项目的可维护性等因素。
151 2
|
存储 Java 关系型数据库
JSP考试质量分析系统myeclipse开发mysql数据库bs框架java编程web网页结构
JSP 考试质量分析系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
236 0
|
Java 关系型数据库 MySQL
JSP学生交流论坛系统myeclipse开发mysql数据库bs框架java编程jdbc
JSP 学生交流论坛系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语,言开发系统主要采用B/S模式开发。 https://www.bilibili.com/video/BV1jB4y1q7Ut?spm_id_from=333.999.0.0
174 0
|
Java
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
杨校老师课堂之Html页面快速转为jsp页面之工具类【简直太简单好用】
86 0
|
移动开发 JavaScript 前端开发
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
|
Java 关系型数据库 MySQL
JSP大学生求职就业系统myeclipse开发mysql数据库bs框架java编程jdbc
JSP 大学生求职就业系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
135 1