如何在Notepad++中缩进HTML标签

92
我安装了Notepad++。如何使标签自动缩进,特别是在嵌套时?所有标签似乎都靠在屏幕左侧。

1
请查看此解决方案 - Willem Van Onsem
是的。但我的出现了错误,它说:检测到内容错误,请在应用之前进行更正。 - Deke
一般来说,这意味着您的 XML 代码无效。例如,标题缺失或某个标签未正确关闭。在这种情况下,您不应该格式化(原始文件)。因为它可能会损坏内容。 - Willem Van Onsem
3
可能是如何在Notepad ++中自动格式化/缩进XML / HTML的重复问题。 - GorvGoyl
@Bhargav Rao “关于一般计算硬件和软件的问题在 Stack Overflow 上是不被允许的,除非它们直接涉及主要用于编程的工具。” 这个问题 不是 不相关的。 - Veedrac
显示剩余3条评论
7个回答

86
使用Notepad++的XML工具插件,然后您可以使用Ctrl+Alt+Shift+B自动缩进代码。对于更倾向于点-and-click的用户,您也可以转到插件--> XML工具-->漂亮打印。

1
Ctrl+Alt+Shift+B 没有起作用,它插入了一些随机文本,而 Pretty Print(即使是在实际的 XML 文件中)什么也没做——所有内容都保持在一行上,这不是格式良好或漂亮的。 - BrainSlugs83
XML不是HTML!在HTML中,有空元素,这允许编写<tag><tag />两者在同一上下文中都是有效的。但XML类似于XHTML。 - Sandburg

54
这个问题的答案不仅是错误的,而且很危险。 CTRL+ALT+SHIFT+B 不会缩进 HTML,但会缩进 XML。请考虑以下 HTML 代码:
<span class="myClass"></span>

在Notepad++中,使用'插件 -> XmlTools -> Pretty print (仅Xml带有换行符)'(CTRL+ALT+SHIFT+B)功能,将会把这个内容转化为:

<span class="myClass"/>

使用此功能会导致您的浏览器无法正确显示HTML! 我强烈建议不要使用此功能对HTML进行缩进。

相反地,请使用插件Tidy2。 使用它可以正确缩进HTML而不会产生负面影响(但是如果这些元素不存在,则还会在您的代码周围创建<html>,<head>,<body>等元素)。


7
非常同意。作为一个业余的HTML/JS学习者,我曾经花了半个小时才明白为什么我的页面根本没有渲染出来——原因是<script src="somewhere"></script>变成了<script src="somewhere"/> - Artalus
嗯...看起来它似乎不支持64位的Notepad++版本,这对我来说是个致命问题。 - Saturn K
1
@KeyvanSadralodabai 大部分插件(包括插件管理器)尚未提供 x64 版本。如果您依赖于 Notepad++ 插件,建议安装 32 位版本的 Notepad++,以便使用插件。如果这不是一个选项,则必须使用其他编辑器 - 如 Sublime Text - Constantin
1
是的,你说得对。不知道为什么我认为这是一个致命问题……64位并没有太大的改进。 - Saturn K
1
参考“插件管理器”(与内置的插件管理不同)现在已经有 64 位版本,但 Tidy2 仍不支持 64 位。 - Étienne

25

步骤1:在Notepad++中打开插件管理器

插件 -> 插件管理器 -> 显示插件管理器。

步骤2:安装XML工具插件

从“可用”选项中搜索“XML工具”,然后点击安装。

现在你可以使用快捷键CTRL+ALT+SHIFT+B来缩进代码。


17
这个答案与之前的相同,针对的是XML而不是HTML! - bytedev

18

我有一个解决方案。

你只需要安装一个名为 Indent By Fold 的插件即可。

你可以通过 插件 -> 插件管理器 -> 显示插件管理器 安装它。或者 从列表中选中 Indent By Fold ,然后点击 插件 -> 插件管理器 -> 安装

然后只需选择列表项并输入第一个单词,就可以了。

你可以在菜单栏的插件中使用此插件。



1
对于HTML,这将产生正确的缩进,而XML工具将由于HTML<->XML差异而产生不平衡的缩进。 - jlbenc
1
据我所知,在插件管理器中已不再提供。 - user736893
刚刚意识到这可能是因为我正在使用N++的64位版本。 - user736893
1
这是正确的答案。比“XML工具”更有效。 - EkoJR
1
它只适用于你在屏幕上看到的代码,文档的其余部分没有缩进。 - JoBe
XML 工具在我的案例中缩进不正确。然而,这个解决方法非常有效。 - Alfonso_MA

3

在借鉴Constantin的回答的基础上,这是我在转换为Notepad++作为我的主要HTML编辑器时学到的精华。

安装Notepad++ 32位

Tidy2和其他一些常用插件没有64位版本。NPP的32位版本几乎没有实际缺点,所以删除64位版本。

安装插件管理器

插件管理器并不是使用插件的必需品。但它确实让事情变得更容易。

插件管理器显然已经被从核心包中删除,因为开发人员不喜欢其中包含的某些归属链接。

您可能会注意到插件管理器插件已从官方发布中删除。原因是插件管理器在其对话框中包含广告。我讨厌应用程序中的广告,并确保您在Notepad++中没有广告,也永远不会有广告。

它需要手动安装,但并不困难。

  1. 下载UNI(32位)zip包并解压缩。在内部,您将看到名为pluginsupdater的文件夹,每个文件夹都包含一个文件。
  2. 将这两个文件拖到Notepad++安装目录中相同命名的文件夹中。通常是C:\Program Files (x86)\Notepad++
  3. 重新启动Notepad++,并按照任何安装/更新提示进行操作。

现在,在插件下面,您将看到一个名为插件管理器的新条目。

安装Tidy2(或您喜欢的其他插件)

在插件管理器中,选中Tidy2的复选框。单击安装。在提示时重新启动。

要使用Tidy2,请选择其插件子菜单项中的预配置配置文件之一,或创建自己的配置文件。


1
在Notepad++ v7.5.9(32位)中,“折叠缩进”插件可以正常与HTML内容一起使用。
  1. 搜索并在插件管理器中进行安装
  2. 使用“插件”>“折叠缩进”>“重新缩进文件”

https://www.fesevur.com/indentbyfold/


-1
在Notepad++ v7.8.9中,您可以使用“Tab”键增加缩进级别,并使用“Shift + Tab”减少缩进级别。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接