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

1. 转到菜单中的"Browse Packages"（菜单项取决于您的平台）。
2. 打开HTML/HTML.tmLanguage

3. 更改此行（我的HTML.tmLanguage 中的第 286 行）：

   <string>(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)</string>

   到这里：

   <string>(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)(?!.*type=["']text/template['"])</string>

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

Answer 2

因为修改内置包并不容易、安全或可移植（尤其是在 ST3 中），我将 Matt York's 更改拆分为自己的包。

它可以通过 Package Control 获得，并且在所有平台上都支持 Sublime Text 2 和 3。

HTML Underscore Syntax

Answer 3

对于我们这些使用 Sublime Text 3 的人

我想我会将这些信息整合到更容易找到的东西中，因为没有任何答案或 cmets 直接为我提供了我需要的解决方案。 Matt York 的回答大部分是正确的，但 Shane N 的解决方案更灵活一些：

<string>(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)(?!.*type=["']text/(temp‌​late|html)['"])</string>

您可以在 C:\Program Files\Sublime Text 3\Packages 中找到 HTML.sublime-package，如 PAEz 所述。

说明

1. 像任何普通的 zip 文件一样提取 HTML.sublime-package 的内容
2. 在刚刚创建的新 /HTML 目录中，打开 HTML.tmLanguage 并修改上面提到的行（可能是第 286 行）
   1. 它应该紧跟在<key>begin</key> 之后
3. 保存更改，然后将 HTML.tmLanguage 所在的 /HTML 目录添加到新的 zip 文件中
4. 删除旧的HTML.sublime-package文件
5. 将文件类型从 .zip 更改为 .sublime-package（确保在执行此操作时 Sublime 未运行）
6. 您现在应该可以开始了 - 启动 Sublime 并查看您的新高亮模板！

Answer 4

对于我们这些使用 Sublime Text 3 的人来说，使用插件“PackageResourceViewer”来编辑 HTML.sublime-package

PackageResourceViewer