在PhpStorm / WebStorm中自动格式化包含带缩进的HTML的字符串数组

Question

我们在字符串中编写HTML模板的代码。为了便于阅读和维护，我们将其作为一个字符串数组来实现，例如

template: [
     '<div>',
     'some content here',
     '</div>'
].join('');

无论如何，我可以让PhpStorm / WebStorm认识到这一点，并相应地格式化以保持缩进，即使这意味着我必须编写一些正则表达式或函数来进行格式化。

现在发生的事情是当编辑器格式化代码时它会删除缩进，这真是一种痛苦。

我们也可以让PhpStorm / WebStorm认识到你是在一个数组中，当你按一下字符串输入而不是

'<div>' +
'</div>'

你可以得到

'<div>',
'</div>'

Answer 1

Alt + Enter然后选择Edit Html Fragment。您可以在此处使用autoformatter，其中的任何更改都将传播到字符串。