Notepad++ 在编写时自动缩进 html 代码

Notepad++ 在编写时自动缩进 html 代码

我在 Notepad++ 中看到过很多插件,用于在编写代码后缩进 html 代码,但是是否有插件或其他方法可以自动缩进 html当你编写代码时? 许多其他编程语言 Notepad++ 支持在您编写时自动缩进,但 html 似乎没有相同的支持。

有任何想法吗?

答案1

在编写代码时,是否有插件或其他方法可以自动表达 HTML?

两种可能性:

  1. 使用文本特效内置有 HTML Tidy 的插件。

  2. 使用折叠缩进插件(见下文)。


Notepad++ 的 IndentByFold 插件

在此处输入图片描述

这是你的 php 代码折叠缩进

在此处输入图片描述

(上图尚未组装来自两个单独的图像! Notepad++ 能够在新视图中克隆其选项卡)

您可以访问这里插件的截屏演示。 视频中Indent by fold没有针对该功能的单独插件;对于大多数语言,已经定义了带有关键字的 xml 文件:auto complete

在此处输入图片描述

现在,关于Code Alignment插件:只有当您对结果不满意时才使用它Indent by fold


定义缩进操作的快捷方式如下:

Settings/Shortcut mapper/Plugin Commands

在此处输入图片描述

Ctr + K和快捷键Ctrl + D已被“占用”(被 comment code和 占用duplicate selection),因此我选择了另一个组合。但每个人都可以根据自己的需要重新映射所有命令。


如果您发现一种具有“弱”性的语言,code formatting / folding您可以带头并继续定义自己的关键字、注释、数字、运算符和分隔符的折叠和着色规则:

在此处输入图片描述

Indent by fold当我按下时,看看有多么美丽的作品ALt + K

vbproc 关键字带有下划线,因为该DSpellChecker插件处于活动状态。

这里Notepad++ 有无数种 UDL(用户定义语言)。为了更好地理解如何使用此功能,我建议您阅读UDL 2.0 在线文档。以前折叠只能针对单个单词,如“BeginSub”和“EndSub”。现在折叠变得更容易了,因为可以使用表达式进行折叠,正如您在我的文章中看到的那样我的更好的 ASP例如。即使现在,UDL 也无法解决所有可以想象到的情况(有一项名为 UDL 3 的工作正在进行中)。但我们能责怪 Notepad++ 开发人员未能将这个免费、简单但又很棒的实用程序做到尽善尽美吗?

来源答案Notepad++ 自动缩进插件经过索林·卡利尼察

答案2

我不知道有什么适用于 Notepad++ 的东西,但我强烈建议下载 Brackets,然后获取 Emmet 和 Beautify 扩展。Emmet 包含大量用于快速创建 html 元素的出色按键,而 Beautify 有一个很棒的按键,可以自动缩进整个页面(我的按键绑定是 ctrl+shift+L ,我认为这是默认的)。

相关内容