属性的PhpStorm HTML缩进

Sud*_*ust 2 html indentation auto-indent phpstorm

对于具有很多属性的标签,我想在新行上拆分每个属性,当我按Enter调用新行时,它应该只缩进一个选项卡。

以下示例输出了我想如何缩进属性:

<svg width="300px" height="150px">
    <ellipse class="fill-current" 
        cx="150" 
        cy="75" 
        rx="100"
        ry="75"
    />
</svg>
Run Code Online (Sandbox Code Playgroud)

但是PhpStorm会自动尝试将我的所有行缩进当前属性:

<svg width="300px" height="150px">
    <ellipse class="fill-current"
             cx="150"
             cy="75"
             rx="100"
             ry="75"
    />
</svg>
Run Code Online (Sandbox Code Playgroud)

我在设置(编辑器->代码样式-> HTML)中找不到任何选项可以更改此行为。有人知道这个问题的解决方案吗?

这背后的原因是因为我经常在HTML模板中使用自定义标签。有时我自己的标签很长,是2个或3个(在极少数情况下)3个单词的组合,因此可以方便地在新行上开始所有额外的属性,并且标签的末尾不应对齐。自己缩进属性很麻烦。我想自动化。

Dmi*_*rii 5

尝试这个:

在此处输入图片说明

这样,我便以所需的方式格式化了代码。

  • 必须将“Continuation indent”设置为 4,这现在很完美。谢谢您的帮助 (2认同)