代码样式。 HTML

使用此页面配置 HTML 文件的格式选项。当您更改这些设置时，预览面板将显示这将如何影响您的代码。

制表符和缩进

使用制表符	如果选中此复选框，将使用制表符：按下 `Tab` 键时对于缩进对于代码重排格式如果取消勾选复选框，DataGrip 将使用空格代替制表符。
智能制表符	一个缩进包含两部分。一部分来自于嵌套代码块，另一部分由对齐确定。如果选中此复选框，嵌套产生的部分将同时包含制表符和空格（如果有必要），而对齐定义的部分则仅由空格组成。如果此复选框未选中，将只使用选项卡。这意味着，在重新格式化后，适应指定制表符大小的一组空格将自动被替换为一个制表符，这可能导致微调对齐的破坏。如果选中了使用制表符复选框，那么智能缩进复选框将可用。
选项卡大小	在此字段中，指定一个制表符中能容纳的空格数。
缩进	在此字段中，指定为每个缩进级别插入的空格数量。
续行缩进	在此字段中，指定在数组元素、表达式、方法声明和方法调用之间插入的空格数量。
保持空行的缩进	如果选中此复选框，DataGrip 会保留空行上的缩进，就像它们包含了一些代码一样。如果取消选中该复选框，DataGrip 将删除空行上的制表符和空格。

其他

项目	描述
右边距	使用这些设置来指定元素右侧所需的边距空间。如果您选择默认选项，则会使用全局设置中的右边距值。
输入时自动换行	使用这些设置来指定如何将编辑过的文本适应到指定的右边距中。您可以选择以下选项中的一个：默认 - 在这种情况下 DataGrip 使用了在全局设置中指定的输入时自动换行选项。是 - 在这种情况下，将使用指定的右边距值。否 - 在这种情况下，此选项被关闭，且一行可以超过右边距中指定的数字。
保持换行符	选择此复选框，让 DataGrip 在编辑器中查看HTML文件时尊重换行。
保持文本中的换行符	选中此复选框，当在编辑器中查看 HTML 文件时，DataGrip 将会遵守属性中的换行符（例如，冗长的描述）。
保留空白行	在此字段中，指定重格式化后保留的连续空行的最小数量。
包装属性	使用此下拉列表确定应如何换行属性行。可用选项包括：不进行换行 - 如果选中此选项，代码不应用任何特殊的换行样式。如果过长则换行 - 选择此选项，可以将超出右侧边距的行用适当的缩进进行换行。如果过长则剪短 - 选择此选项，可以让超出右边距的列表元素进行换行处理，以便每行只有一个元素，并且具有适当的缩进。始终换行 - 选择此选项，可使列表中的所有元素换行，每行一个元素，并有适当的缩进。
包装文本	选择此复选框以根据代码样式设置进行长行换行。
对齐属性	选择此复选框以对齐顺序行中的属性。
对齐文本	选择此复选框，以便让 DataGrip 对占据选项卡内多行的文本进行对齐。
保持空白字符	选择此复选框以阻止使用制表符替换实际空格。
空格	在此区域内，定义属性和选项卡名的空格使用规则。在属性中的 "=" 周围 - 选中此复选框可以在属性中的 "=" 符号周围添加空格。选项卡名称后 - 选中此复选框将在选项卡名称后添加空格。在空选项卡中 - 选中此复选框可在空选项卡中添加空格。
在此之前插入新的一行	这个显示字段展示了在其前应插入新行的选项卡列表。使用位于字段旁边的按钮或按 `Shift+Enter` 打开在标签前插入新行对话框，您可以在此编辑选项卡列表。
在之前删除新行	这个显示字段展示了一个选项卡列表，在这些选项卡前应删除换行符。使用位于字段旁边的按钮或按 `Shift+Enter` 打开在标签前删除换行符对话框，您可以在此编辑选项卡列表。
不要缩进的子元素	这个显示字段显示了一个选项卡列表，这些选项卡的子元素不应该进行缩进。使用位于字段旁边的按钮或按 `Shift+Enter` 打开不要缩进子项对话框，您可以在此编辑选项卡列表。
或者，如果选项卡大小超过	在此字段中，指定选项卡在多少行长度开始时，其子项将不会进行缩进。
内联元素	这个显示字段显示了在源代码中与其他选项卡在同一行呈现的选项卡列表。如果从列表中移除了一个选项卡，当您在源代码中添加此类选项卡时，编辑器会自动将其移动到新行。使用位于字段旁边的按钮或按 `Shift+Enter` 打开内联元素对话框，您可以在此编辑选项卡列表。
保留内部的空白字符	这个显示字段显示了一个选项卡列表，您希望编辑器在这些选项卡内保留空白原样，不做任何更改。使用字段旁边的按钮或按 `Shift+Enter` 打开保持空格不变对话框，在此对话框中，您可以编辑选项卡列表。
如果内联内容，不要中断	这个显示字段展示了一个选项卡列表，如果它们的内容已被内联，则不应被包装。使用位于字段旁边的按钮或按 `Shift+Enter` 打开如果仅有内联内容则不换行对话框，您可以在此编辑选项卡列表。
生成的引号	选择要在键入 HTML 属性时自动插入的引号样式（双引号，单引号或无） `=`。当使用 JavaScript 动态插入 HTML 时，这一点很重要，您希望一致地为 JavaScript 字符串使用双引号对，为 HTML 使用单引号对，以防止问题，例如复制和粘贴时。
强制执行格式	如果选中此复选框，那么在代码重新格式化时，先前生成的引号将被替换（例如，双引号将被替换为单引号）。

安排

在此选项卡中，根据您的偏好设定一系列规则，以重新排列您的 HTML 代码。

匹配规则

在此区域定义元素顺序，这是一组规则的列表，每个规则有一组匹配项，如修饰符或类型。

- 使用此按钮添加规则。空规则区域已打开。
- 使用此按钮从列表中删除规则。
- 使用此按钮来编辑现有的规则。要查看此按钮，请导航至您想要编辑的规则并点击按钮。在弹出的窗口中，修改规则字段。
- 使用这些按钮将选定的规则向上或向下移动。

空规则

使用这个区域创建新的匹配规则，或编辑已有的规则。您可以从以下筛选器中选择：

Type - 请使用此过滤器为您的规则选择选项卡或属性。请注意，双击类型关键字将否定条件。
名称 - 请使用此字段来指定规则中的条目名称。这个过滤器只匹配条目名称，例如选项卡名称或属性名称。该过滤器支持正则表达式，并使用标准语法。匹配是针对整个名称进行的。
命名空间 - 请在规则中使用此字段来指定命名空间。它让您可以指定一个控制命名空间属性位置的规则。
订单 - 使用此下拉列表选择规则的排序顺序。当多个元素使用相同的匹配规则时，此选项非常有用。在这种情况下，选择保持顺序将保持在重排之前设置的相同顺序，选择按名称排序将按照它们的名称对相同匹配规则的元素进行排序。

当您从订单列表中选择 Order by Name时，此图标会出现。图标表示此规则中的项目按字母顺序排序。

代码生成

在此选项卡中，可以配置生成代码的代码样式。

评论	在此区域，配置生成注释的代码样式。行注释在第一列：选中此复选框，以在第一列开始行评论。当复选框未选中时，代码中的行注释将会对齐。注释块在第一列：默认情况下，此复选框未选中，代码中的块注释将被对齐。选择复选框以从第一列开始块注释。在块注释周围添加空格：勾选此复选框以在块注释中添加前导和尾随空格。默认情况下，当您在块注释中封闭一个代码片段时，文本会在打开 `<!--` 字符后立即开始，没有任何空格。在关闭 `-->` 字符前都没有插入空格。这种默认的代码样式可能与一些代码检查工具的规则发生冲突，例如，ESLint。

设置从

当适用时，链接将出现在页面的右上角。点击此链接并选择要作为当前语言代码样式基础的语言。

要返回到初始的代码样式设置，并丢弃更改，请点击重置。

最后修改日期： 2025年 9月 26日