您当前的位置:首页 > 文本与office

使用UltraEdit美化和格式化HTML代码

时间:02-02来源:作者:点击数:

由于个人使用习惯的不同,在使用不同的编辑器时,面对细微的代码格式的差异往往会感到不适。这个时候就需要对编辑器默认的代码格式进行统一更改。这里我将告诉大家如何使用UltraEdit美化和重新格式化HTML代码。

UltraEdit是一款功能丰富又强大的文本编辑器。它具有可以深度定制的新菜单功能,内置了FTP浏览器,同时借助集成的 SSH/telnet 客户端、脚本、自定义工具、宏和智能模板等。UltraEdit能进行多种形式的编码会话,凭借多插入符号编辑、列/块编辑和多选等功能,使编辑列表和列成为一种直观的体验。

这里使用到的软件版本为UltraEdit v28.00(windows10),代码格式为HTML。

进入UltraEdit设置界面

在菜单栏里找到高级功能区,点击进去,然后点击下方出现的工具栏里的设置。进入设置后,我们可以对以下几个选项进行设置。

图 1:进入设置
图 1:进入设置

点击“编辑器”,对“自动换行/制表符”进行设置

这里可以调整制表制与空格的比例,这里我设置的制表站值为2、缩进空格也为2。

图 2:自动换行/制表符
图 2:自动换行/制表符

对“高级”相关选项进行设置

点击展开“自动完成”子菜单,然后再点击“智能提示”,在展开的子菜单里鼠标左键点击“高级”选项卡,这里根据自己的需要进行设置。

图 3:“高级”相关设置
图 3:“高级”相关设置

对“代码折叠”进行设置

在“母项编辑器”显示里找到“代码折叠”,然后根据自己的习惯与需要对相关选项进行设置。

图 4:代码折叠
图 4:代码折叠

对“格式化”选项进行设置

然后再对代码格式进行设置,这里我选择的是“自动缩进”、“自动缩进换行”和“不要把注解和字符串的空格和制表符转换”。

图 5:格式化
图 5:格式化

对“语法高亮”进行设置

选择启用“语法彩色显示”,然后再“突出显示新文件”里选择HTML文件。这样以后打开新文件,UltraEdit会将新文件按照HTML对待,而不需要先保存为HTML文件。

图 6:语法高亮
图 6:语法高亮

效果对比。

可以看到原来的代码有些混乱,难以持续阅读,让人头疼,而美化和格式化后的代码,整齐清晰了许多,阅读起来很方便很舒适。

图 7:美化前
图 7:美化前
图 8:美化后
图 8:美化后

以上就是使用UltraEdit美化和格式化HTML代码的全过程了。对代码的美化处理是写代码的一个良好的习惯。不仅能让自己写起来舒服,也能让读代码的人看得舒服。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门