Emmet 缩写 - 元素标签内的文本

Posted 2023-02-21

【中文标题】Emmet 缩写 - 元素标签内的文本

【英文标题】：Emmet abbreviations- text inside an element tag

【发布时间】：2015-01-13 00:45:23

【问题描述】：

有没有办法在 Emmet 中对元素内的文本进行编码。例如，如果我想创建一个 emmet 缩写，这可能吗？

【问题讨论】：

不确定我是否理解正确。你能举一个你想做的例子吗？例如。 h1My Text 将在 h1 元素标签内添加文本，如下所示

请采纳正确答案。

【参考方案1】：

您可以使用花括号向元素添加文本。

例如 articleThis is some text inside an article 扩展为 <article>This is some text inside an article</article>

【讨论】：

这是正确答案（不是上述）

【参考方案2】：

.item我的 $ 文本*3

<div class="item">My 1 text</div>
<div class="item">My 2 text</div>
<div class="item">My 3 text</div>

【参考方案3】：

您可以在标签中插入 lorem ipsum，例如

li.text-warning>lorem10

结果：

<li class="text-warning">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, molestias.</li>

希望解决方法没问题。

【参考方案4】：

The first example starts from 1 and the second example starts from 6

ul>li.item$*5
<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>

ul>li.item$@6*5

<ul>
    <li class="item6"></li>
    <li class="item7"></li>
    <li class="item8"></li>
    <li class="item9"></li>
    <li class="item10"></li>
</ul>