TextMate HTML language tweaked to support unquoted attributes

HTML language

{	scopeName = 'text.html.basic';
	firstLineMatch = '<!DOCTYPE|doctype<(?i:html)|<\?(?i:php)';
	fileTypes = ( 'html', 'htm', 'shtml', 'xhtml', 'phtml', 'php', 'inc', 'tmpl', 'tpl', 'ctp' );
	foldingStartMarker = '(?x)
		(<(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl|section|article|header|footer|nav|aside)\b.*?>
		|<!--(?!.*--\s*>)
		|^<!--\ \#tminclude\ (?>.*?-->)$
		|<\?(?:php)?.*\b(if|for(each)?|while)\b.+:
		|\{\{?(if|foreach|capture|literal|foreach|php|section|strip)
		|\{\s*($|\?>\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/)))
		)';
	foldingStopMarker = '(?x)
		(</(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl|section|article|header|footer|nav|aside)>
		|^(?!.*?<!--).*?--\s*>
		|^<!--\ end\ tminclude\ -->$
		|<\?(?:php)?.*\bend(if|for(each)?|while)\b
		|\{\{?/(if|foreach|capture|literal|foreach|php|section|strip)
		|^[^{]*\}
		)';
	patterns = (
		{	name = 'meta.tag.any.html';
			begin = '(<)([a-zA-Z0-9:]++)(?=[^>]*></\2>)';
			end = '(>(<)/)(\2)(>)';
			beginCaptures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'entity.name.tag.html'; };
			};
			endCaptures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'meta.scope.between-tag-pair.html'; };
				3 = { name = 'entity.name.tag.html'; };
				4 = { name = 'punctuation.definition.tag.html'; };
			};
			patterns = ( { include = '#tag-stuff'; } );
		},
		{	name = 'meta.tag.preprocessor.xml.html';
			begin = '(<\?)(xml)';
			end = '(\?>)';
			captures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'entity.name.tag.xml.html'; };
			};
			patterns = (
				{	include = '#tag-generic-attribute'; },
				{	include = '#string-double-quoted'; },
				{	include = '#string-single-quoted'; },
			);
		},
		{	name = 'comment.block.html';
			begin = '<!--';
			end = '--\s*>';
			captures = { 0 = { name = 'punctuation.definition.comment.html'; }; };
			patterns = (
				{	name = 'invalid.illegal.bad-comments-or-CDATA.html';
					match = '--';
				},
				{	include = '#embedded-code'; },
			);
		},
		{	name = 'meta.tag.sgml.html';
			begin = '<!';
			end = '>';
			captures = { 0 = { name = 'punctuation.definition.tag.html'; }; };
			patterns = (
				{	name = 'meta.tag.sgml.doctype.html';
					begin = '(DOCTYPE|doctype)';
					end = '(?=>)';
					captures = { 1 = { name = 'entity.name.tag.doctype.html'; }; };
					patterns = (
						{	name = 'string.quoted.double.doctype.identifiers-and-DTDs.html';
							match = '"[^">]*"';
						},
					);
				},
				{	name = 'constant.other.inline-data.html';
					begin = '\[CDATA\[';
					end = ']](?=>)';
				},
				{	name = 'invalid.illegal.bad-comments-or-CDATA.html';
					match = '(\s*)(?!--|>)\S(\s*)';
				},
			);
		},
		{	include = '#embedded-code'; },
		{	name = 'source.css.embedded.html';
			begin = '(?:^\s+)?(<)((?i:style))\b(?![^>]*/>)';
			end = '(</)((?i:style))(>)(?:\s*\n)?';
			captures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'entity.name.tag.style.html'; };
				3 = { name = 'punctuation.definition.tag.html'; };
			};
			patterns = (
				{	include = '#tag-stuff'; },
				{	begin = '(>)';
					end = '(?=</(?i:style))';
					beginCaptures = { 1 = { name = 'punctuation.definition.tag.html'; }; };
					patterns = (
						{	include = '#embedded-code'; },
						{	include = 'source.css'; },
					);
				},
			);
		},
		{	name = 'source.js.embedded.html';
			begin = '(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)';
			end = '(?<=</(script|SCRIPT))(>)(?:\s*\n)?';
			beginCaptures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'entity.name.tag.script.html'; };
			};
			endCaptures = { 2 = { name = 'punctuation.definition.tag.html'; }; };
			patterns = (
				{	include = '#tag-stuff'; },
				{	begin = '(?<!</(?:script|SCRIPT))(>)';
					end = '(</)((?i:script))';
					captures = {
						1 = { name = 'punctuation.definition.tag.html'; };
						2 = { name = 'entity.name.tag.script.html'; };
					};
					patterns = (
						{	name = 'comment.line.double-slash.js';
							match = '(//).*?((?=</script)|$\n?)';
							captures = { 1 = { name = 'punctuation.definition.comment.js'; }; };
						},
						{	name = 'comment.block.js';
							begin = '/\*';
							end = '\*/|(?=</script)';
							captures = { 0 = { name = 'punctuation.definition.comment.js'; }; };
						},
						{	include = '#php'; },
						{	include = 'source.js'; },
					);
				},
			);
		},
		{	name = 'meta.tag.structure.any.html';
			begin = '(</?)((?i:body|head|html)\b)';
			end = '(>)';
			captures = {
				1 = { name = 'punctuation.definition.tag.html'; };
				2 = { name = 'entity.name.tag.structure.any.html'; };
			};
			patterns = ( { include = '#tag-stuff'; } );
		},
		{	name = 'meta.tag.block.any.html';
			begin = '(</?)((?i:address|blockquote|dd|div|dl|dt|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|hr|menu|pre)\b)';
			end = '(>)';
			beginCaptures = {
				1 = { name = 'punctuation.definition.tag.begin.html'; };
				2 = { name = 'entity.name.tag.block.any.html'; };
			};
			endCaptures = { 1 = { name = 'punctuation.definition.tag.end.html'; }; };
			patterns = ( { include = '#tag-stuff'; } );
		},
		{	name = 'meta.tag.inline.any.html';
			begin = '(</?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)\b)';
			end = '((?: ?/)?>)';
			beginCaptures = {
				1 = { name = 'punctuation.definition.tag.begin.html'; };
				2 = { name = 'entity.name.tag.inline.any.html'; };
			};
			endCaptures = { 1 = { name = 'punctuation.definition.tag.end.html'; }; };
			patterns = ( { include = '#tag-stuff'; } );
		},
		{	name = 'meta.tag.other.html';
			begin = '(</?)([a-zA-Z0-9:]+)';
			end = '(>)';
			beginCaptures = {
				1 = { name = 'punctuation.definition.tag.begin.html'; };
				2 = { name = 'entity.name.tag.other.html'; };
			};
			endCaptures = { 1 = { name = 'punctuation.definition.tag.end.html'; }; };
			patterns = ( { include = '#tag-stuff'; } );
		},
		{	include = '#entities'; },
		{	name = 'invalid.illegal.incomplete.html';
			match = '<>';
		},
		{	name = 'invalid.illegal.bad-angle-bracket.html';
			match = '<';
		},
	);
	repository = {
		embedded-code = {
			patterns = (
				{	include = '#ruby'; },
				{	include = '#php'; },
				{	include = '#smarty'; },
				{	include = '#python'; },
			);
		};
		entities = {
			patterns = (
				{	name = 'constant.character.entity.html';
					match = '(&)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)';
					captures = {
						1 = { name = 'punctuation.definition.entity.html'; };
						3 = { name = 'punctuation.definition.entity.html'; };
					};
				},
				{	name = 'invalid.illegal.bad-ampersand.html';
					match = '&';
				},
				{	name = 'specialcharacter.html';
					match = '­';
				},
				{	name = 'invisiblespace.html';
					match = ' ';
				},
				{	name = 'unprintable.html';
					match = '[^[:print:]]';
				},
			);
		};
		php = {
			begin = '(?=(^\s*)?<\?)';
			end = '(?!(^\s*)?<\?)';
			patterns = ( { include = 'source.php'; } );
		};
		python = {
			name = 'source.python.embedded.html';
			begin = '(?:^\s*)<\?python(?!.*\?>)';
			end = '\?>(?:\s*$\n)?';
			patterns = ( { include = 'source.python'; } );
		};
		ruby = {
			patterns = (
				{	name = 'comment.block.erb';
					begin = '<%+#';
					end = '%>';
					captures = { 0 = { name = 'punctuation.definition.comment.erb'; }; };
				},
				{	name = 'source.ruby.embedded.html';
					begin = '<%+(?!>)=?';
					end = '-?%>';
					captures = { 0 = { name = 'punctuation.section.embedded.ruby'; }; };
					patterns = (
						{	name = 'comment.line.number-sign.ruby';
							match = '(#).*?(?=-?%>)';
							captures = { 1 = { name = 'punctuation.definition.comment.ruby'; }; };
						},
						{	include = 'source.ruby'; },
					);
				},
				{	name = 'source.ruby.nitro.embedded.html';
					begin = '<\?r(?!>)=?';
					end = '-?\?>';
					captures = { 0 = { name = 'punctuation.section.embedded.ruby.nitro'; }; };
					patterns = (
						{	name = 'comment.line.number-sign.ruby.nitro';
							match = '(#).*?(?=-?\?>)';
							captures = { 1 = { name = 'punctuation.definition.comment.ruby.nitro'; }; };
						},
						{	include = 'source.ruby'; },
					);
				},
			);
		};
		smarty = {
			patterns = (
				{	begin = '(\{(literal)\})';
					end = '(\{/(literal)\})';
					captures = {
						1 = { name = 'source.smarty.embedded.html'; };
						2 = { name = 'support.function.built-in.smarty'; };
					};
				},
				{	name = 'source.smarty.embedded.html';
					begin = '{{|{';
					end = '}}|}';
					patterns = ( { include = 'source.smarty'; } );
					disabled = 1;
				},
			);
		};
		string-double-quoted = {
			name = 'string.quoted.double.html';
			begin = '"';
			end = '"';
			beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.html'; }; };
			endCaptures = { 0 = { name = 'punctuation.definition.string.end.html'; }; };
			patterns = (
				{	include = '#embedded-code'; },
				{	include = '#entities'; },
			);
		};
		string-single-quoted = {
			name = 'string.quoted.single.html';
			begin = "'";
			end = "'";
			beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.html'; }; };
			endCaptures = { 0 = { name = 'punctuation.definition.string.end.html'; }; };
			patterns = (
				{	include = '#embedded-code'; },
				{	include = '#entities'; },
			);
		};
		tag-generic-attribute = {
			name = 'entity.other.attribute-name.html';
			match = '(?<=[^=])\b([a-zA-Z0-9:-]+)';
		};
		tag-id-attribute = {
			name = 'meta.attribute-with-value.id.html';
			begin = '\b(id)\b\s*(=)\s*';
			end = '(?<=''|")|(?!>)';
			captures = {
				1 = { name = 'entity.other.attribute-name.id.html'; };
				2 = { name = 'punctuation.separator.key-value.html'; };
			};
			patterns = (
				{	name = 'string.quoted.double.html';
					contentName = 'meta.toc-list.id.html';
					begin = '"';
					end = '"';
					beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.html'; }; };
					endCaptures = { 0 = { name = 'punctuation.definition.string.end.html'; }; };
					patterns = (
						{	include = '#embedded-code'; },
						{	include = '#entities'; },
					);
				},
				{	name = 'string.quoted.single.html';
					contentName = 'meta.toc-list.id.html';
					begin = "'";
					end = "'";
					beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.html'; }; };
					endCaptures = { 0 = { name = 'punctuation.definition.string.end.html'; }; };
					patterns = (
						{	include = '#embedded-code'; },
						{	include = '#entities'; },
					);
				},
			);
		};
		tag-stuff = {
			patterns = (
				{	include = '#tag-id-attribute'; },
				{	include = '#tag-generic-attribute'; },
				{	include = '#unquoted-attribute'; },
				{	include = '#string-double-quoted'; },
				{	include = '#string-single-quoted'; },
				{	include = '#embedded-code'; },
			);
		};
		unquoted-attribute = {
			name = 'string.unquoted.html';
			match = '(?<==)(?:[^\s<>/''"]|/(?!>))+';
		};
	};
}

Can haz https://github.com/textmate/html.tmbundle pull request? :)

@infininight can you help these guys get their fixes into the latest and greatest version of the HTML.tmBundle?

I’ve PMed @infininight; here’s what he said:

On Nov 28, 2011, at 1:53 AM, Mathias Bynens wrote:

We’ve improved the default TextMate syntax highlighting file a bit, and would love to get this merged into the official TextMate repository. Would you mind taking a look here: https://gist.github.com/1386199 And telling us which file to edit, and what’s the best way to submit a pull request?

Ideally you would fork the bundle and make commits under your own user (making discreet commits of each feature). The current work is actually going on here:

https://github.com/avian/html.tmbundle

As we are getting ready for 2.0. There are a few 2.0-only features in there but nothing that should make it uneditable.

If that doesn't work for you I can pull it in manually, but may take longer as I'm working on some last minute 2.0 related changes.

Michael Sheets
TextMate Bundles Moderator – [email protected]