Zen Coding + 用 Sublime Text 2 中的缩写换行答案

【问题标题】：Zen Coding + wrap with abbreviation in Sublime Text 2Zen Coding + 用 Sublime Text 2 中的缩写换行
【发布时间】：2012-06-01 08:12:22
【问题描述】：

我想在 Sublime Text 2 中使用以下 Zen Coding 缩写来包装一些列表项：

nav>ul.example>li*4

这是列表的一个示例：

狗
猫
马
牛

我该怎么做？

【问题讨论】：

标签： sublimetext2 emmet

【解决方案1】：

当你想用缩写元素包裹每一行选择时，你需要用*操作符将该元素标记为重复。

因此，您的缩写应如下所示：

nav>ul.example>li*

（例如，没有乘数值，只有*）

【讨论】：

【解决方案2】：

虽然没有上下文，但this tool 可能会有所帮助。它可以包装文本或使用不同的 html 标签（如 li、option 等）创建长列表。只需粘贴文本并点击按钮，其余部分将复制到剪贴板中。它甚至有一个 chrome 扩展来让事情变得更快。不如 zen 编码快，但当你想在一个列表中包含 100 个文本元素时很有用:)

【讨论】：

【解决方案3】：

这需要两个步骤，至少这是我发现的最简单的方法：

选择您的列表，如果您的列表中有中断，您将要在 Windows 上使用 (Ctr)，在 Mac 上使用 (Cmd)，然后选择列表的每一行您想要一个环绕标记。
点击 (Crt/Cmd) + (Shift) + (L)，然后点击 (Home) 作为标签文本的前面，(End) 作为结束标签的文本末尾。

这将同时编辑所有列表项，从而实现快速高效的编辑，这是 Sublime Text 2 的主要优点之一 :)

如果这没有意义，请告诉我，以便我更好地解释。

【讨论】：

【解决方案4】：

在 Linux 上： ctrl shift g（暴露 zencoding/emmet 命令行）然后像谢尔盖指出的那样，在最后输入没有递增数字的元素，只是 *！

【讨论】：

【解决方案5】：

您不必做这么复杂的事情。您可以只选择您想要的项目列表（用鼠标移动它）。确保您处于 html 模式而不是文本模式。然后你只需在 Koan 编码下的最后一行输入 div>nav.element>li* （CTRL 选项返回 - 在你的系统上可能不同），所有列表项都在代码中。

如果您有一个网站列表，您只需输入 a* 即可将它们全部用超链接包裹起来。相当有用。

【讨论】：