如何在emmet.io列表包装中的项目中添加自定义类?

时间:2016-10-25 13:33:48

标签: html vim replace emmet

以下是可能的吗? 改变这个

apples
bananas
pizza
burger
juice
water

要:

<tr>
    <li class="first">apples</li>
    <li>bananas</li>
</tr>
<tr>
    <li class="first">pizza</li>
    <li>burger</li>
</tr>
<tr>
    <li class="first">juice</li>
    <li>water</li>
</tr>

我用emmet.io尝试了这个:tr>td.first*1+td*2但它没有用。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

像往常一样,我会在vim中使用替换(:h :substitute和群组+引用 - &gt; :h /\(:h /\1),但是,这一个很棘手,因为多线问题。

:%s#\(\S*\)\n\(\S*\)\n#<tr>\r  <li class="first">\1</li>\r  <li>\2\</li>\r</tr>\r

注意:

  • 在正则表达式部分使用\n而在替换部分使用\r并非无辜。在使用Vim时,它们是在各自部分代表行尾的唯一方法 - 不要问我为什么,虽然我记得关于这个主题的问题在SO上还是在vi.SE上。
  • 我选择了#作为分隔符,而不是通常的/,以简化替换文本。