javascript - 在 PhpStorm 中将 HTML 转换为 JavaScript 字符串

Question

我想在 PhpStorm 中轻松地将一些 html 转换为串联的 JS 字符串。

来自:

<div class="spa-shell-head">
  <div class="spa-shell-head-logo"></div>
  <div class="spa-shell-head-acct"></div>
  <div class="spa-shell-head-search"></div>
</div>

致:

var main_html = ''
+ '<div class="spa-shell-head">'
+ '  <div class="spa-shell-head-logo"></div>'
+ '  <div class="spa-shell-head-acct"></div>'
+ '  <div class="spa-shell-head-search"></div>'
+ '</div>';

理想情况下也可以进入另一个方向。有机会实现这一目标吗？有插件吗？我可以想象带有一些正则表达式的宏可以做到这一点。有可能吗？

其他IDE的相同问题可以找到here 。或here .

Answer 1

仅使用 PHPStorm，您可以使用 Extra Actions插件:

• 选择所有行
• 将所选内容分成几行(ctrl + shift + L)
• 转到行首 (​​home)
• 添加加号和引号
• 转到行尾 (end)
• 添加报价