Sublime Snippet Not Working

Question

I was just trying to make some snippets but I can't get any of them to work. Can anyone see what's wrong with this? I read their docs and thumbed some examples off the web but they don't work either. I've got it in my /sublime text 3/packages/user folder and it's named using convention myTest.sublime.snippet.

The snippet is:

<snippet>
    <content>
<![CDATA[
<!DOCTYPE html lang="en">
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>${1:test1|test2|test3} | $2</title>
    <meta name="viewport" content="width=device-width">
    <meta name="Description" lang="en" content="Description">
    <meta name="robots" content="index, follow">
    <meta name="robots" content="noodp, noydir">

    <!-- Twitter Bootstrap -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="assets/js/respond.min.js"></script>
    <![endif]-->    
</head>
<body>

    <div class="container">
        $3
    </div>

</body>
</html>
]]>
</content>
    <tabTrigger>page</tabTrigger>
    <scope>source.html</scope>
    <description>HTML5 Base HTML</description>
</snippet>

The naming convention is *.sublime-snippet. Try fixing that first, unless it was a typo in your question. If it still doesn't work, run the show_scope_name command on a file, what scopes appear? I don't know all of the key bindings for this command, you can either look for it or enter view.run_command("show_scope_name") in the ST console. — skuroda
– skuroda, Commented Sep 15, 2013 at 19:50
Wow, embarrassing! It was just missing the dash, thanks for the help! Not sure how to mark this as the best answer. Thanks for all the help Skuroda and Soon. Cheers!!! — mtpultz
– mtpultz, Commented Sep 15, 2013 at 20:51
See the scope first using following command. view.scope_name(view.sel()[0].begin()) in sublime console. To bring up sublime console type Ctrl+` in MacOs — Vipul Jain
– Vipul Jain, Commented Dec 1, 2016 at 22:02
When I send the command view.scope_name(view.sel()[0].begin()) in the console,it returns text.xml meta.tag.xml punctuation.definition.tag.end.closing.xml . In my snippet, the scope is set as <scope>text.md</scope>. Have I set the scope incorrectly? — David Rhoden
– David Rhoden, Commented Jan 10, 2024 at 8:34

awesoon · Accepted Answer · 2013-09-15 03:23:25Z

13

You should use text.html instead of source.html in scope block.

answered Sep 15, 2013 at 3:23

awesoon

33.8k14 gold badges81 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

mtpultz Over a year ago

Hey, thanks for the reply. I replaced source.html with text.html and it still doesn't show the snippet when I tab after typing page :(

awesoon Over a year ago

Try to make a folder named HTML in Packages/User and place snippet into it.

mtpultz Over a year ago

Yah, still doesn't work. I can't even hit "New Snippet" and get the hello world example to work with me just uncommenting the bottom tags, but all the built in ones work just fine.

awesoon Over a year ago

Strangely. I copy-pasted your example into HTML folder, change source to text and the snippet works. Try to unzip the default HTML.sublime-package, change something in snippet, place it in User or User/HTML folder and try to call. Also try to restart ST3.

Kristian · Accepted Answer · 2017-04-19 08:23:21Z

13

Sublime 3 needs snippets to have .sublime-snippet endings in file name.

answered Apr 19, 2017 at 8:23

Kristian

2,33126 silver badges16 bronze badges

Comments

Jinglong Li · Accepted Answer · 2016-07-29 16:38:14Z

8

Step1. For html snippet, please change

<scope>source.html</scope>

to

<scope>text.html</scope>

Step2. If you want sublime to show tooltips after you input the keywords, add this line

"auto_complete_selector": true

to your Preferences - Settings User file

answered Jul 29, 2016 at 16:38

Jinglong Li

811 silver badge4 bronze badges

Comments

BrianChoe · Accepted Answer · 2016-08-04 09:13:14Z

7

You should escape dollar signs in your snippet. $ -> \$.

answered Aug 4, 2016 at 9:13

BrianChoe

711 silver badge1 bronze badge

Comments

asn · Accepted Answer · 2019-01-09 03:01:37Z

6

I had the same problem and what I did was :

Just remove <scope>source.html</scope> line present at the bottom of the snippet.

edited Jan 9, 2019 at 3:01

answered Jan 7, 2019 at 14:36

asn

2,5715 gold badges26 silver badges39 bronze badges

Comments

Greg · Accepted Answer · 2018-04-30 16:00:47Z

3

Remove:

<description>HTML5 Base HTML</description>

Yes, this line comes from the official documentation, but at least in my instance (Sublime 3, Build 3114), it breaks the snippet. When I remove that line, the snippet works.

Also, as Jinglong above answered, add the following to your user preferences:

"auto_complete_selector": true

edited Apr 30, 2018 at 16:00

answered Mar 14, 2018 at 14:27

Greg

2,6254 gold badges23 silver badges28 bronze badges

Comments

RyanDW · Accepted Answer · 2015-02-16 19:32:19Z

2

This is clearly an old thread, but it came up when I was searching on creating sublime snippets. The initial issue might be that you are typing in "page" as your tab trigger without first setting your syntax to html. You can do this quickly with shift + command/control + p then type sshtml then enter. Try your tab trigger again. Worked for me. Cheers.

answered Feb 16, 2015 at 19:32

RyanDW

614 bronze badges

Comments

DaveWoodall.com · Accepted Answer · 2018-12-07 01:49:05Z

2

solved by..

removing <scope>source.html</scope>
adding "auto_complete_selector": true, to user settings

Background

My js/ snippets worked fine with <scope>source.html</scope> but for whatever reason, that line caused issues in my html/ snippets not.

answered Dec 7, 2018 at 1:49

DaveWoodall.com

8177 silver badges23 bronze badges

1 Comment

David Rhoden Over a year ago

So, just be sure not to follow the official documentation, and you'll be fine! I removed both <scope> and <description> and my snippet worked. (I didn't have to set the scope either.) I had to restart ST for it to show up in the snippets toolbar.

Kristin Day · Accepted Answer · 2016-08-02 21:05:56Z

0

I found the solution to my problem! I have been using the unicode setting for my keyboard for another project. When I changed my keyboard back to US, my problem was resolved. I'm sure this is an unusual issue, but in case anyone else is having this problem:

changing the keyboard back to US also reactivated some of the code navigation shortcuts (e.g., jumping word-to-word on a line by holding down option + arrow keys)

answered Aug 2, 2016 at 21:05

Kristin Day

211 silver badge2 bronze badges

Collectives™ on Stack Overflow

Sublime Snippet Not Working

9 Answers 9

4 Comments

Comments

Comments

Comments

Comments

Comments

Comments

solved by..

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

4 Comments

Comments

Comments

Comments

Comments

Comments

Comments

solved by..

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related