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

Posted

技术标签:

【中文标题】如何在 Notepad++ 中缩进 HTML 标签【英文标题】:How to indent HTML tags in Notepad++ 【发布时间】:2015-03-27 18:27:59 【问题描述】:

我安装了记事本++。如何使标签自动缩进,尤其是在嵌套时?所有标签似乎都排在屏幕左侧。

【问题讨论】:

见this solution 是的。但是我的给出了一个错误,它说:在内容中检测到错误,请在应用之前更正它们。 这通常意味着您的 xml 代码无效。例如缺少标题,或者某些标签未正确关闭。在这种情况下,您不应该格式化(原始文件)。因为它会损坏内容。 网站名称

Logo

html> !doctype>
How To Auto-Format / Indent XML/HTML in Notepad++的可能重复 【参考方案1】:

使用 Notepad++ 的 XML Tools 插件,然后您可以使用 Ctrl+Alt+Shift+B .对于更多的点击倾向,你也可以去插件 --> XML 工具 --> 漂亮的打印。

【讨论】:

Ctrl+Alt+Shift+B 不起作用,它插入了一些随机文本,而 Pretty Print,实际上什么也没做(甚至是一个实际的 XML 文件)——它都停留在一行上,格式不好,或者漂亮。【参考方案2】:

这个问题的答案不仅错误,而且很危险。 CTRL+ALT+SHIFT+B 不会缩进 HTML,而是缩进 XML。考虑以下 HTML 代码:

<span class="myClass"></span>

函数'Notepad++ -> Plugins -> XmlTools -> Pretty print (Xml only with line breaks)' (CTRL+ALT+SHIFT+B) 将把它转换成:

<span class="myClass"/>

您的浏览器将不再正确显示!我强烈建议不要使用此函数来缩进 HTML。

改为使用插件 Tidy2。这将正确缩进 HTML 而不会产生不良副作用(但它也会在您的代码周围创建 &lt;html&gt;, &lt;head&gt;, &lt;body&gt;, ... 元素,如果这些元素不存在的话)。

【讨论】:

这么多。作为一个业余的 html/js 学习者,我花了半个小时的时间试图理解为什么我的页面根本没有呈现 - 原因是 &lt;script src="somewhere"&gt;&lt;/script&gt; 折叠成 &lt;script src="somewhere"/&gt; 嗯...看起来它不适用于 64 位版本的 Notepad++,这对我来说是一个交易杀手。 @KeyvanSadralodabai 大多数插件(包括插件管理器)在 x64 中尚不可用 - 如果您依赖 Notepad++ 插件,建议安装 32 位版本的 Notepad++,而不是能够使用插件。如果这不是一个选项,那么您必须使用不同的编辑器 - 即Sublime Text 是的,你是对的。不知道为什么我认为它是一个交易杀手......它不像 64 位那样改进了。 供参考 “插件管理器”(不同于内置插件管理器)现在提供 64 位版本,但 Tidy2 仍然不提供 64 位版本。【参考方案3】:

第一步:在notepad++中打开插件管理器

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

第二步:安装 XML Tool 插件

从“可用”选项中搜索“XML TOOLS”,然后单击安装。

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

【讨论】:

这个答案与上面的答案相同,适用于 XML 而不是 HTML!【参考方案4】:

我有一个解决方案。

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

您可以通过Plugins -&gt; Plugin Manager -&gt; Show Plugin Manager 安装它。要么 Plugins -&gt; Plugins Admin -&gt; chekmark Indent By Fold from list 比安装

然后只需选择列表项,您只需输入第一个单词即可。

您可以从菜单栏中的插件中使用此插件。

【讨论】:

对于 HTML,这会产生正确的缩进,而 XML 工具会由于 HTMLXML 差异而产生不平衡的缩进。 据我所知,插件管理器中不再可用。 刚刚意识到这可能是因为我使用的是 64 位版本的 N++ 这是正确答案。比XML Tools 效果更好。 它只适用于您“在屏幕上”获得的代码,文档的其余部分不缩进..【参考方案5】:

在Constantin's answer 的基础上,这是我在过渡到 Notepad++ 作为我的主要 HTML 编辑器时所学到的精髓。

安装Notepad++ 32-bit

没有 64 位版本的 Tidy2 和其他一些流行的插件。 NPP 的 32 位版本几乎没有实际的缺点,因此请放弃 64 位版本。

安装Plugin Manager

插件管理器对于插件的使用并不是绝对必要的。不过,它确实让事情变得容易多了。

插件管理器是核心包中的eliminated,显然是因为开发人员不喜欢某些包含的归属链接。

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

这是手动安装,但并不难。

    Download UNI(32 位)压缩包并解压。在里面你会看到名为 pluginsupdater 的文件夹。每个包含一个文件。 将这两个文件拖到您的 Notepad++ 安装目录中相应的同名文件夹中。通常是C:\Program Files (x86)\Notepad++。 重新启动 Notepad++ 并按照任何安装/更新提示进行操作。

现在您将在 Plugins for Plugin Manager 下看到一个新条目。

安装Tidy2(或您的首选替代方案)

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

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

【讨论】:

【参考方案6】:

在 Notepadd++ v7.5.9(32 位)上,“Indent by fold”插件可以很好地处理 html 内容。

    在插件管理器中搜索并安装 使用“插件”>“缩进折叠”>“重新缩进文件”

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

【讨论】:

【参考方案7】:

在 Notepad++ v7.8.9 中,您可以使用 Tab 键来增加缩进级别,并使用 Shift + Tab 来降低缩进级别。

【讨论】:

以上是关于如何在 Notepad++ 中缩进 HTML 标签的主要内容,如果未能解决你的问题,请参考以下文章

请问在notepad++中,如何选中匹配标签及其之间的内容?

Notepad++/Eclipse sql代码自动缩进选项?

Python用notepad编程设置

如何更改新添加的脚本标签内容的缩进

notepad++怎样设置自动换行

Notepad++ 、editplus中如何对 HTML/CSS/JS 格式化?