mirror of
				https://github.com/amix/vimrc
				synced 2025-10-31 06:33:35 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			535 lines
		
	
	
		
			9.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			535 lines
		
	
	
		
			9.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| priority -50
 | |
| 
 | |
| ###########################################################################
 | |
| #                            TextMate Snippets                            #
 | |
| ###########################################################################
 | |
| 
 | |
| global !p
 | |
| def x(snip):
 | |
| 	if snip.ft.startswith("x"):
 | |
| 		snip.rv = '/'
 | |
| 	else:
 | |
| 		snip.rv = ""
 | |
| endglobal
 | |
| 
 | |
| snippet doctype "HTML - 5.0 (doctype)" b
 | |
| <!DOCTYPE html>
 | |
| 
 | |
| endsnippet
 | |
| 
 | |
| #############
 | |
| # Shortcuts #
 | |
| #############
 | |
| snippet down "Down (down)"
 | |
| ↓
 | |
| endsnippet
 | |
| 
 | |
| snippet enter "Enter (enter)"
 | |
| ⌅
 | |
| endsnippet
 | |
| 
 | |
| snippet escape "Escape (escape)"
 | |
| ⎋
 | |
| endsnippet
 | |
| 
 | |
| snippet left "Left (left)"
 | |
| ←
 | |
| endsnippet
 | |
| 
 | |
| snippet return "Return (return)"
 | |
| ↩
 | |
| endsnippet
 | |
| 
 | |
| snippet right "Right (right)"
 | |
| →
 | |
| endsnippet
 | |
| 
 | |
| snippet shift "Shift (shift)"
 | |
| ⇧
 | |
| endsnippet
 | |
| 
 | |
| snippet tab "Tab (tab)"
 | |
| ⇥
 | |
| endsnippet
 | |
| 
 | |
| snippet up "Up (up)"
 | |
| ↑
 | |
| endsnippet
 | |
| 
 | |
| #############
 | |
| # HTML TAGS #
 | |
| #############
 | |
| snippet a "Link" w
 | |
| <a href="${1:http://www.${2:url.com}}"${3: target="_blank"}>${4:Anchor Text}</a>
 | |
| endsnippet
 | |
| 
 | |
| snippet abbr "<abbr>" w
 | |
| <abbr title="$2">$1</abbr>
 | |
| endsnippet
 | |
| 
 | |
| snippet access "accesskey global attribute"
 | |
| accesskey="$1"
 | |
| endsnippet
 | |
| 
 | |
| snippet address "<address>" w
 | |
| <address>$1</address>
 | |
| endsnippet
 | |
| 
 | |
| snippet article "<article>"
 | |
| <article>
 | |
| 	${1:article content}
 | |
| </article>
 | |
| endsnippet
 | |
| 
 | |
| snippet aside "<aside>"
 | |
| <aside>
 | |
| 	${1:aside content}
 | |
| </aside>
 | |
| endsnippet
 | |
| 
 | |
| snippet b "<b>" w
 | |
| <b>$1</b>
 | |
| endsnippet
 | |
| 
 | |
| snippet base "HTML <base>" w
 | |
| <base href="$1"${2: target="$3"}`!p x(snip)`>
 | |
| endsnippet
 | |
| 
 | |
| snippet blockquote "<blockquote>"
 | |
| <blockquote>$1</blockquote>
 | |
| endsnippet
 | |
| 
 | |
| snippet body "<body>"
 | |
| <body>
 | |
| 	${0:${VISUAL}}
 | |
| </body>
 | |
| endsnippet
 | |
| 
 | |
| snippet br "<br>" w
 | |
| <br>$1</br>
 | |
| endsnippet
 | |
| 
 | |
| snippet button "<button>"
 | |
| <button>$1</button>
 | |
| endsnippet
 | |
| 
 | |
| snippet caption "<caption>"
 | |
| <caption>$1</caption>
 | |
| endsnippet
 | |
| 
 | |
| snippet cite "<cite>" w
 | |
| <cite>$1</cite>
 | |
| endsnippet
 | |
| 
 | |
| snippet class "class global attribute"
 | |
| class="$1"
 | |
| endsnippet
 | |
| 
 | |
| snippet code "<code>" w
 | |
| <code>$1</code>
 | |
| endsnippet
 | |
| 
 | |
| snippet data "<data>"
 | |
| <data value="$2">$1</data>
 | |
| endsnippet
 | |
| 
 | |
| snippet datalist "<datalist>"
 | |
| <datalist id="$1" name="$2">
 | |
| 	opt$3
 | |
| </datalist>
 | |
| endsnippet
 | |
| 
 | |
| snippet dd "<dd>"
 | |
| <dd>$1</dd>
 | |
| endsnippet
 | |
| 
 | |
| snippet del "<del>" w
 | |
| <del cite="$2" datetime="${3:`date '+%Y-%m-%dT%H:%M:%S%:z'`}">$1</del>
 | |
| endsnippet
 | |
| 
 | |
| snippet dfn "<dfn>" w
 | |
| <dfn>$1</dfn>
 | |
| endsnippet
 | |
| 
 | |
| snippet div "<div>" w
 | |
| <div>
 | |
| 	${0:${VISUAL}}
 | |
| </div>
 | |
| endsnippet
 | |
| 
 | |
| snippet div# "<div> with ID & class" w
 | |
| <div`!p snip.rv=' id="' if t[1] else ""`${1:name}`!p snip.rv = '"' if t[1] else ""``!p snip.rv=' class="' if t[2] else ""`${2:name}`!p snip.rv = '"' if t[2] else ""`>
 | |
| 	${0:${VISUAL}}
 | |
| </div>
 | |
| endsnippet
 | |
| 
 | |
| snippet div. "<div> with class" w
 | |
| <div`!p snip.rv=' class="' if t[1] else ""`${1:name}`!p snip.rv = '"' if t[1] else ""`>
 | |
| 	${0:${VISUAL}}
 | |
| </div>
 | |
| endsnippet
 | |
| 
 | |
| snippet dl "<dl>"
 | |
| <dl>
 | |
| 	${1:Definition list}
 | |
| </dl>
 | |
| endsnippet
 | |
| 
 | |
| snippet dt "<dt>"
 | |
| <dt>$1</dt>
 | |
| endsnippet
 | |
| 
 | |
| snippet em "<em>" w
 | |
| <em>$1</em>
 | |
| endsnippet
 | |
| 
 | |
| snippet fieldset "Fieldset" w
 | |
| <fieldset id="${1/[\w\d]+|( )/(?1:_:\L$0\E)/g}" ${2:class="${3:}"}>
 | |
| 	<legend>$1</legend>
 | |
| 	${0:${VISUAL}}
 | |
| </fieldset>
 | |
| endsnippet
 | |
| 
 | |
| snippet fig "<figure>"
 | |
| <figure>
 | |
| $1
 | |
| <figcaption>$2</figcaption>
 | |
| </figure>
 | |
| endsnippet
 | |
| 
 | |
| snippet figcaption "<figcaption>"
 | |
| <figcaption>$1</figcaption>
 | |
| endsnippet
 | |
| 
 | |
| snippet footer "<footer>"
 | |
| <footer>
 | |
| 	${1:footer content}
 | |
| </footer>
 | |
| endsnippet
 | |
| 
 | |
| snippet form "HTML <form>" w
 | |
| <form action="${1:`!p
 | |
| snip.rv = (snip.basename or 'unnamed') + '_submit'
 | |
| `}" method="${2:get}" accept-charset="utf-8">
 | |
| 	${0:${VISUAL}}
 | |
| </form>
 | |
| endsnippet
 | |
| 
 | |
| snippet h1 "HTML <h1>" w
 | |
| <h1>${0:${VISUAL}}</h1>
 | |
| endsnippet
 | |
| 
 | |
| snippet h2 "HTML <h2>" w
 | |
| <h2>${0:${VISUAL}}</h2>
 | |
| endsnippet
 | |
| 
 | |
| snippet h3 "HTML <h3>" w
 | |
| <h3>${0:${VISUAL}}</h3>
 | |
| endsnippet
 | |
| 
 | |
| snippet h4 "HTML <h4>" w
 | |
| <h4>${0:${VISUAL}}</h4>
 | |
| endsnippet
 | |
| 
 | |
| snippet h5 "HTML <h5>" w
 | |
| <h5>${0:${VISUAL}}</h5>
 | |
| endsnippet
 | |
| 
 | |
| snippet h6 "HTML <h6>" w
 | |
| <h6>${0:${VISUAL}}</h6>
 | |
| endsnippet
 | |
| 
 | |
| snippet head "HTML <head>"
 | |
| <head>
 | |
| 	<meta charset="utf-8">
 | |
| 	<title>${1:`!p snip.rv = snip.basename or "Page Title"`}</title>
 | |
| 	${0:${VISUAL}}
 | |
| </head>
 | |
| endsnippet
 | |
| 
 | |
| snippet header "<header>"
 | |
| <header>
 | |
| 	${1:header content}
 | |
| </header>
 | |
| endsnippet
 | |
| 
 | |
| snippet hr "<hr>"
 | |
| <hr>
 | |
| endsnippet
 | |
| 
 | |
| snippet html "HTML basic structure" b
 | |
| <!DOCTYPE html>
 | |
| <html>
 | |
| 	<head>
 | |
| 		<meta charset="UTF-8" />
 | |
| 		<meta name="viewport" content="width=device-width" />
 | |
| 		<title>${1:`!p snip.rv = snip.basename.replace('-', ' ').capitalize()`}</title>
 | |
| 	</head>
 | |
| 	<body>
 | |
| 		${0:body}
 | |
| 	</body>
 | |
| </html>
 | |
| endsnippet
 | |
| 
 | |
| snippet htmll "HTML basic structure with the lang attribute" b
 | |
| <!DOCTYPE html>
 | |
| <html lang="${1:es}">
 | |
| 	<head>
 | |
| 		<meta charset="UTF-8" />
 | |
| 		<meta name="viewport" content="width=device-width" />
 | |
| 		<title>${2:`!p snip.rv = snip.basename.replace('-', ' ').capitalize()`}</title>
 | |
| 	</head>
 | |
| 	<body>
 | |
| 		${0:body}
 | |
| 	</body>
 | |
| </html>
 | |
| endsnippet
 | |
| 
 | |
| snippet i "<i>" w
 | |
| <i>$1</i>
 | |
| endsnippet
 | |
| 
 | |
| snippet id "id global attribute"
 | |
| id="$1"
 | |
| endsnippet
 | |
| 
 | |
| snippet img "<img>"
 | |
| <img src="$1" alt="$2">
 | |
| endsnippet
 | |
| 
 | |
| snippet input "Input with Label" w
 | |
| <label for="${2:${1/[[:alpha:]]+|( )/(?1:_:\L$0)/g}}">$1</label><input type="${3:text/submit/hidden/button}" name="${4:$2}" value="$5"${6: id="${7:$2}"}`!p x(snip)`>
 | |
| endsnippet
 | |
| 
 | |
| snippet input "HTML <input>" w
 | |
| <input type="${1:text/submit/hidden/button}" name="${2:some_name}" value="$3"${4: id="${5:$2}"}`!p x(snip)`>
 | |
| endsnippet
 | |
| 
 | |
| snippet ins "<ins>" w
 | |
| <ins cite="$2" datetime="${3:`date '+%Y-%m-%dT%H:%M:%S%:z'`}">$1</ins>
 | |
| endsnippet
 | |
| 
 | |
| snippet kbd "<kbd>" w
 | |
| <kbd>$1</kbd>
 | |
| endsnippet
 | |
| 
 | |
| snippet label "<label>"
 | |
| <label>$1</label>
 | |
| endsnippet
 | |
| 
 | |
| snippet legend "<legend>"
 | |
| <legend>$1</legend>
 | |
| endsnippet
 | |
| 
 | |
| snippet li "list item" w
 | |
| <li>${0:${VISUAL}}</li>
 | |
| endsnippet
 | |
| 
 | |
| snippet link "HTML <link>" w
 | |
| <link rel="${1:stylesheet}" href="${2:/css/master.css}" type="text/css" media="${3:screen}" title="${4:no title}" charset="${5:utf-8}"`!p x(snip)`>
 | |
| endsnippet
 | |
| 
 | |
| snippet mailto "HTML <a mailto: >" w
 | |
| <a href="mailto:${1:joe@example.com}?subject=${2:feedback}">${3:email me}</a>
 | |
| endsnippet
 | |
| 
 | |
| snippet tel "HTML <a tel: >" w
 | |
| <a href="tel:+${1:XX1234567890}">${2:call me}</a>
 | |
| endsnippet
 | |
| 
 | |
| snippet main "<main>"
 | |
| <main>
 | |
| 	${1:main content}
 | |
| </main>
 | |
| endsnippet
 | |
| 
 | |
| snippet mark "<mark>"
 | |
| <mark>$1</mark>
 | |
| endsnippet
 | |
| 
 | |
| snippet meta "HTML <meta>" w
 | |
| <meta name="${1:name}" content="${2:content}"`!p x(snip)`>
 | |
| endsnippet
 | |
| 
 | |
| snippet meter "<meter>"
 | |
| <meter>$1</meter>
 | |
| endsnippet
 | |
| 
 | |
| snippet nav "<nav>"
 | |
| <nav>
 | |
| 	${1:navigation links}
 | |
| </nav>
 | |
| endsnippet
 | |
| 
 | |
| snippet noscript "<noscript>"
 | |
| <noscript>$1</noscript>
 | |
| endsnippet
 | |
| 
 | |
| snippet ol "<ol>"
 | |
| <ol>
 | |
| 	<li>$1</li>
 | |
| </ol>
 | |
| endsnippet
 | |
| 
 | |
| snippet optgroup "<optgroup>"
 | |
| <optgroup label="$1">
 | |
| 	opt$2
 | |
| </optgroup>
 | |
| endsnippet
 | |
| 
 | |
| snippet output "<output>"
 | |
| <output for="$1" name="$2">$3</output>
 | |
| endsnippet
 | |
| 
 | |
| snippet option "Option" w
 | |
| <option${1: value="${2:option}"}>${3:$2}</option>
 | |
| endsnippet
 | |
| 
 | |
| snippet p "paragraph" w
 | |
| <p>${0:${VISUAL}}</p>
 | |
| endsnippet
 | |
| 
 | |
| snippet picture "<picture>"
 | |
| <picture>
 | |
| 	${1:image sources}
 | |
| </picture>
 | |
| endsnippet
 | |
| 
 | |
| snippet pre "<pre>"
 | |
| <pre>$1</pre>
 | |
| endsnippet
 | |
| 
 | |
| snippet progress "<progress>"
 | |
| <progress>$1</progress>
 | |
| endsnippet
 | |
| 
 | |
| snippet q "<q>" w
 | |
| <q>$1</q>
 | |
| endsnippet
 | |
| 
 | |
| snippet s "<s>" w
 | |
| <s>$1</s>
 | |
| endsnippet
 | |
| 
 | |
| snippet samp "<samp>" w
 | |
| <samp>$1</samp>
 | |
| endsnippet
 | |
| 
 | |
| snippet script "HTML <script>" w
 | |
| <script charset="utf-8">
 | |
| 	${0:${VISUAL}}
 | |
| </script>
 | |
| endsnippet
 | |
| 
 | |
| snippet scriptsrc "HTML <script src...>" w
 | |
| <script src="$1" charset="${3:utf-8}"></script>
 | |
| endsnippet
 | |
| 
 | |
| snippet select "Select Box" w
 | |
| <select name="${1:some_name}" id="${2:$1}"${3:${4: multiple}${5: size="${6:1}"}}>
 | |
| 	${0:${VISUAL}}
 | |
| </select>
 | |
| endsnippet
 | |
| 
 | |
| snippet small "<small>" w
 | |
| <small>$1</small>
 | |
| endsnippet
 | |
| 
 | |
| snippet span "<span>" w
 | |
| <span>${0:${VISUAL}}</span>
 | |
| endsnippet
 | |
| 
 | |
| snippet span# "<span> with ID & class" w
 | |
| <span`!p snip.rv=' id="' if t[1] else ""`${1:name}`!p snip.rv = '"' if t[1] else ""``!p snip.rv=' class="' if t[2] else ""`${2:name}`!p snip.rv = '"' if t[2] else ""`>${0:${VISUAL}}</span>
 | |
| endsnippet
 | |
| 
 | |
| snippet span. "<span> with class" w
 | |
| <span`!p snip.rv=' class="' if t[1] else ""`${1:name}`!p snip.rv = '"' if t[1] else ""`>${0:${VISUAL}}</span>
 | |
| endsnippet
 | |
| 
 | |
| snippet strong "<strong>" w
 | |
| <strong>$1</strong>
 | |
| endsnippet
 | |
| 
 | |
| snippet style "HTML <style>" w
 | |
| <style type="text/css" media="screen">
 | |
| 	${0:${VISUAL}}
 | |
| </style>
 | |
| endsnippet
 | |
| 
 | |
| snippet sub "<sub>" w
 | |
| <sub>$1</sub>
 | |
| endsnippet
 | |
| 
 | |
| snippet sup "<sup>" w
 | |
| <sup>$1</sup>
 | |
| endsnippet
 | |
| 
 | |
| snippet table "HTML <table>" w
 | |
| <table>
 | |
| 	${0:${VISUAL}}
 | |
| </table>
 | |
| endsnippet
 | |
| 
 | |
| snippet tbody "<tbody>"
 | |
| <tbody>$1</tbody>
 | |
| endsnippet
 | |
| 
 | |
| snippet td "table cell" w
 | |
| <td>${0:${VISUAL}}</td>
 | |
| endsnippet
 | |
| 
 | |
| snippet template "<template>"
 | |
| <template id="$1">
 | |
| $2
 | |
| </template>
 | |
| endsnippet
 | |
| 
 | |
| snippet textarea "HTML <textarea>" w
 | |
| <textarea name="${1:Name}" rows="${2:8}" cols="${3:40}">$0</textarea>
 | |
| endsnippet
 | |
| 
 | |
| snippet tfoot "<tfoot>"
 | |
| <tfoot>$1</tfoot>
 | |
| endsnippet
 | |
| 
 | |
| snippet th "table header" w
 | |
| <th>${0:${VISUAL}}</th>
 | |
| endsnippet
 | |
| 
 | |
| snippet thead "<thead>"
 | |
| <thead>$1</thead>
 | |
| endsnippet
 | |
| 
 | |
| snippet time "<time>" w
 | |
| <time datetime="$2">$1</time>
 | |
| endsnippet
 | |
| 
 | |
| snippet title "HTML <title>" w
 | |
| <title>${1:`!p snip.rv = snip.basename or "Page Title"`}</title>
 | |
| endsnippet
 | |
| 
 | |
| snippet tr "table row" w
 | |
| <tr>${0:${VISUAL}}</tr>
 | |
| endsnippet
 | |
| 
 | |
| snippet ul "unordered list" w
 | |
| <ul>
 | |
| 	${0:${VISUAL}}
 | |
| </ul>
 | |
| endsnippet
 | |
| 
 | |
| snippet var "<var>" w
 | |
| <var>$1</var>
 | |
| endsnippet
 | |
| 
 | |
| snippet viewport "Responsive viewport meta" w
 | |
| <meta name="viewport" content="width=device-width, initial-scale=1">
 | |
| endsnippet
 | |
| 
 | |
| snippet wbr "<wbr>" w
 | |
| <wbr>$1</wbr>
 | |
| endsnippet
 | |
| 
 | |
| # vim:ft=snippets:
 | 
