多行 class 名称到 PhpStorm/VSCode/Sublime 中的单行

Question

不确定这个问题是否相关

这里是一个例子HTML块

                <div
                  class="
                    ltr:ml-auto
                    rtl:mr-auto
                    relative
                    max-w-xs
                    w-full
                    h-full
                    bg-white
                    shadow-xl
                    py-4
                    pb-12
                    flex flex-col
                    overflow-y-auto
                  "
                >
               </div>

有什么简单的方法可以将所有这些 class 名称更改为一行？

预期输出：

<div class="ltr:ml-auto rtl:mr-auto relative max-w-xs w-full h-full bg-white shadow-xl py-4 pb-12 flex flex-col overflow-y-auto">
</div>

Answer 1

在 PhpStorm 或任何其他 JetBrains 中 IDE:

1. Select 行
2. 调用 “代码 | 加入行”（Ctrl + Shift + J 这里是 Windows 键盘映射）

最终结果：

            <div class=" ltr:ml-auto rtl:mr-auto relative max-w-xs w-full h-full bg-white shadow-xl py-4 pb-12 flex flex-col overflow-y-auto"></div>

备注：

• 第一行缩进将保留
• 在某些地方可能有一个额外的 space（在这种情况下，在第一个 class 名称之前：<div class=" ltr:ml-auto）