文章/答案/技术大牛

发布

社区首页 >问答首页 >将值列表传递给emmet生成器表达式

问将值列表传递给emmet生成器表达式
EN

Stack Overflow用户

提问于 2016-04-21 20:20:43

回答 1查看 183关注 0票数 4

我正在emmet工具包的帮助下编写HTML代码，我想知道是否有一种方法可以将唯一的文本值(预定义为某种列表)传递到emmet html元素生成器表达式中。

<!-- Example:  -->

  span.myClass{textValue$}*4

 <!--Will yield:  -->
  <span class="myClass">textValue1</span>
  <span class="myClass">textValue2</span>
  <span class="myClass">textValue3</span>
  <span class="myClass">textValue4</span>

<!--Desired: -->

  textValues = ["as","gh","xc"];

  <!-- Some generator expression, G(textValues), that yields this -->
    <span class="myClass">as</span>
    <span class="myClass">gh</span>
    <span class="myClass">xc</span>

我想知道是否有内置的方法或聪明的生成器表达式可以实现这一点。

html

emmet

回答 1

Stack Overflow用户

发布于 2021-06-22 08:44:29

当您有已有的文本并且想要用HTML标记对其进行包装时使用

仅供参考，我在下面的一些示例中使用了CodePen作为现有正文正文的包装缩写，对于一些示例，我只是使用乘数生成它们。

textValue
textValue
textValue
textValue

熟悉Emmet命令

高亮显示文本
，然后按(在macOS上为⇧+⌘+A，在Windows)
You'll上为⇧+CTRL+A )在模式弹出窗口

中看到带有"Enter Abbreviation“的输入字段

无序和列表的示例：

在“输入缩写”中键入以下内容：

ul>li*

或者，如果你想在无序列表的自定义文本的前面或后面放上自定义文本的{}或numbers $之类的东西。有序列表ol将给出默认的编号列表。如果需要，您可以自定义文本，然后运行查找和替换。

ul>li{textValue $}*

对于这个例子，它会是这样的

<ul>
    <li>textValue 1</li>
    <li>textValue 2</li>
    <li>textValue 3</li>
    <li>textValue 4</li>
</ul>

您所需的解决方案

在所需解决方案的“输入缩写”中键入以下内容，以绕过现有文本：

span.myClass>li*

用于生成具有有序数字的自定义文本的所需解决方案

span.myClass{textValue $}*4

<span class="myClass">textValue 1</span>
<span class="myClass">textValue 2</span>
<span class="myClass">textValue 3</span>
<span class="myClass">textValue 4</span>

据我所知，您可以为自己的文本编辑器创建自己的Emmet片段。您还可以在CodePen (查看链接) https://blog.codepen.io/documentation/tab-triggers/中创建自己的自定义选项卡触发器

这是将https://docs.emmet.io/cheat-sheet/加入书签的Emmet小抄

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36769457

复制

相似问题

问将值列表传递给emmet生成器表达式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将值列表传递给emmet生成器表达式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将值列表传递给emmet生成器表达式
EN