underscore.js - Sublime Text 2将下划线模板识别为HTML

Question

因此，我正在使用underscore.js模板，其中我必须将html模板放在脚本标签中，如下所示

<script id="contactTemplate" type="text/template">
    <img src="{{ photo }}" alt="{{ name }}" />
    <h1>{{ name }}<span>{{ type }}</span></h1>
    <div>{{ address }}</div>
    <dl>
        <dt>Tel:</dt><dd>{{ tel }}</dd>
        <dt>Email:</dt><dd><a href="mailto:{{ email }}">{{ email }}</a></dd>
    </dl>
</script>

但是 Sublime Text 2正在评估内部代码作为常规js，我该如何更改？

提前致谢!

Answer 1

转到菜单中的"Browse Packages"(菜单项取决于您的平台)。

打开HTML/HTML.tmLanguage

更改此行(我的HTML.tmLanguage中的第286行):
<string>(?:^\s+)?(&lt;)((?i:script))\b(?![^&gt;]*/&gt;)</string>
对此:
<string>(?:^\s+)?(&lt;)((?i:script))\b(?![^&gt;]*/&gt;)(?!.*type=["']text/template['"])</string>

现在，任何带有 type="text/template"或 type='text/template'的脚本标签都将呈现为html，而不是javascript。