时间戳

首页 > 解决方案 > Emmet 如何包装 Usig 多个标签

visual-studio-code - Emmet 如何包装 Usig 多个标签

问题描述

我正在尝试用以下标签包装一堆数据。

例如：

link1
link2
link3
link4
link5

我希望它们中的每一个都用以下标签包装。

<url>
<loc>link1</loc>
<lastmod>2020-01-16T22:59:45+00:00</lastmod>
<priority>0.80</priority>
</url>

<url>
<loc>link2</loc>
<lastmod>2020-01-16T22:59:45+00:00</lastmod>
<priority>0.80</priority>
</url>
....

我想知道这是否可以使用 Emmet 代码来实现。任何帮助，将不胜感激。

标签： visual-studio-codephpstormsublimetext3atom-editoremmet

解决方案

您应该使用 Emmet 语法中的两件事：

  • 隐式重复器：用*（不带数字）标记元素到 Emmet 以重复元素与您包装的行一样多。例如，ul>li*
  • 输出占位符：告诉 Emmet 将要包装的内容放在哪里$#。您可以在文本 ( li{Put here: $#}) 和/或属性 ( li[title=$#]) 中使用它。

因此，最终您的包装缩写将如下所示：

url*>loc{$#}+lastmod{2020-01-16T22:59:45+00:00}+priority{0.8}

请注意，出于某种原因，在 VSCode 中，您应该使用Emmet: Wrap Individual Lines with Abbreviation命令来换行多行，而在其他编辑器中，默认的Wrap With Abbreviation应该可以工作。

阅读有关缩写语法的更多信息：https ://docs.emmet.io/abbreviations/syntax/

推荐阅读