如何通过notepad++来格式化html代码

html-css013

如何通过notepad++来格式化html代码,第1张

下面是通过常用的notepad++工具进行html代码格式化。

工具:notepad++ 、tidy2插件

步骤:

一、打开notepad++ ,选择插件(P)——Plugin Manager——Show Plugin Manager。

二、在插件列表中勾选tidy2,点击install。

三、完成第二步的安装后,软件会自动重启后在菜单“插件”下多一个“Tidy2”项。现在就可以根据自己的需要对html进行格式化了。(如果按照失败,可以直接手动安装)

手动安装方法:直接下载tidy.dll文件,放入notepad++ 的安装目录下的 \plugins 文件夹下。然后重启notepad++软件即可。(dll文件一般会被杀毒软件认为是病毒,所以可以先关掉杀软,或直接让其信任)

可以利用百度提供的格式化工具完成,步骤如下:

1、首先,我们先找一段示例代码,这段代码是没有任何格式和缩进的:

【<html><head>First Page</head><body><p>This is my first page!!!</p></body></html>】

2、接下来,我们打开浏览器,然后进入百度主页,百度主页的网址是http://www.baidu.com;

3、直接在搜索框里输入【HTML格式化】这几个关键字,然后点击【百度一下】按钮;

4、出现百度网页应用输入框;

5、将测试代码复制到白色的框里;

6、点击【格式化】按钮;

已经变成我们想要的格式了,有缩进而且干净整洁。

下载工具包:edtools.rar ,解压后放到磁盘的一个目录,如D:/edTools

打开ED,打开“工具”-“配置用户工具”,在弹出的对象框中,左侧菜单栏选择"工具" - "用户工具",在“组和工具项”下拉框中选择一个工具组,点击“组名称”,为该组工具设定一个名称,如“前端开发工具”,

下面开始加入工具,这里主要以JSFormat为例讲解,其它类似。

点击“添加工具”--“应用程序”

在新建的项中,菜单文本写上名称,如"jsFormat",在命令里面输入:

cscript /nologo "D:/edTools/jsFormatter.js"

后面引号中的内容要修改你磁盘上对应的文件的路径。在下面的几个选项中,"动作"选择“运行为文本过滤(替换)”。

其它几个的安装方式与jsFormat的安装类似,这里不再重复。

点击ED ,工具你会发现:jsFormat Ctrl+1,打开一个js点击后将自动格式化