Sublime Text 2 reconnaît les modèles de soulignement en HTML

Question

Donc, j'utilise des templates underscore.js, dans lesquels je dois mettre mon template html à l'intérieur d'une balise script, comme ceci

 <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>
 

mais sublime text 2 évalue le code à l'intérieur en tant que js normal, comment puis-je changer cela?

Merci d'avance!

Answer 1

1. Allez à "Browse Packages" dans le menu (où l’élément de menu dépend de votre plate-forme).
2. Ouvrir HTML/HTML.tmLanguage

3. Changer cette ligne (ligne 286 dans mes HTML.tmLanguage ):

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

   pour ça:

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

Désormais, toutes les balises de script avec type="text/template" ou type='text/template' seront rendues en HTML et non en javascript.

Answer 2

Comme la modification de packages intégrés n'est pas vraiment facile, sûre ou portable (en particulier dans ST3), j'ai scindé la modification de Matt York en son propre package.

Il est disponible via Package Control et prend en charge Sublime Text 2 et 3 sur toutes les plateformes.

Syntaxe HTML en soulignement

Answer 3

Pour ceux d'entre nous à l'aide de Sublime Text 3

Je pensais consolider les informations dans quelque chose de plus facile à trouver, puisque aucune des réponses ou des commentaires directement m'a donné la solution que j'ai besoin. Matt York la réponse est essentiellement correcte, mais Shane N de la solution est un peu plus souple:

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

Vous pouvez trouver HTML.sublime-package à l'intérieur d' C:\Program Files\Sublime Text 3\Packages, comme indiqué par PAEz.

Instructions

1. L'extrait de code HTML.sublime-package's table des matières comme le fonctionnement normal de fichier zip
2. À l'intérieur de la nouvelle /HTML répertoire que vous venez de créer, ouvrir HTML.tmLanguage et modifier la ligne mentionnée ci-dessus (probablement la ligne 286)
   1. Il devrait juste après <key>begin</key>
3. Enregistrez vos modifications, puis ajouter le /HTML répertoire HTML.tmLanguage vie dans un nouveau fichier zip
4. Supprimer les vieux HTML.sublime-package fichier
5. Modifier le type de fichier à partir .zip de .sublime-package (assurez-vous que le Sublime n'est pas en cours d'exécution pendant que vous faites cela)
6. A présent, vous devriez être bon d'aller - feu Sublime et découvrez votre impressionnant nouvellement mis en évidence des modèles de!