HTML 片段在 Sublime Text 3 中不起作用

Question

我在 Sublime Text 中创建了以下代码片段。它似乎没有被选项卡触发。如果我将内容更改为其他语言或一些纯文本，它就可以工作。对于 html，它不起作用。感谢任何帮助。

   <snippet>
        <content><![CDATA[
    <li class="timeline-inverted">
      <div class="timeline-badge ${1:type)"><i class="fa fa-calendar"></i></div>
      <div class="timeline-panel wow fadeInDown">
        <div class="timeline-heading">
          <h4 class="timeline-title">${2:year}</h4>
        </div>
        <div class="timeline-body">
          <p>${3:data}</p>
        </div>
      </div>
    </li>
    ]]></content>
        <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>tmeln</tabTrigger>
    <description>timeline-body</description>
    </snippet>

Answer 1

这是因为在 <div> 的 class 属性的第 4 行，您以花括号 { 开头，但以圆括号 ).[=14 结尾=]

要解决此问题，请使用此代码段（删除括号并添加大括号）

片段

<snippet>
  <content><![CDATA[
    <li class="timeline-inverted"><!--   ▾ Here -->
      <div class="timeline-badge ${1:type)"><i class="fa fa-calendar"></i></div>
      <div class="timeline-panel wow fadeInDown">
        <div class="timeline-heading">
          <h4 class="timeline-title">${2:year}</h4>
        </div>
        <div class="timeline-body">
          <p>${3:data}</p>
        </div>
      </div>
    </li>
    ]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>tmeln</tabTrigger>
    <description>timeline-body</description>
</snippet>

希望对您有所帮助！

HTML 片段在 Sublime Text 3 中不起作用

HTML Snippets not working in Sublime Text 3

sublimetext3

sublimetext

sublimetext-snippet