Sublime Text 2 zu erkennen Unterstrich templates als HTML

So, ich bin mit underscore.js Vorlagen, in denen ich meine html-Vorlage innerhalb eines script-Tags, wie diese

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

aber sublime text 2 ist die Auswertung der code innerhalb als reguläre js, wie kann ich das ändern?

Vielen Dank im Voraus!

InformationsquelleAutor Rogerio Chaves | 2012-03-11
  1. 69
    1. Gehen "Browse Packages" im Menü (wo der Menüpunkt ist, hängt von Ihrer Plattform).
    2. Öffnen HTML/HTML.tmLanguage

    3. Ändern Sie diese Zeile (Zeile 286 in meinem HTML.tmLanguage):

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

      zu diesem:

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

    Jetzt alle script-tags mit type="text/template" oder type='text/template' als html gerendert werden und nicht javascript.

    • Vielen Dank Matt! War sterben, um zu verwenden zencoding-und tag-matches auf schwere Unterstrich Vorlagen.
    • Gott segne Sie, RegExp Superhelden.
    • Und wenn Sie wollen, dass diese arbeiten für "text/html" als gut: <string>(?:^\s+)?(&lt;)((?i:script))\b(?![^&gt;]*/&gt;)(?!.*type=["']text/(template|html)['"])</string>
    • Ich Tat dies, und es funktioniert besser, aber immer noch nicht schließen-tag mit dem richtigen tag obwohl. (cmd+shift+i funktioniert nicht.)
    • Bekommen wir ein update auf diese für Sublime Text 3?
    • Ja, aber die Datei ist in einer Zip-Datei in ein anderes Verzeichnis. Suchen Sie die Datei HTML.sublime-package öffnen Sie es mit winrar oder so etwas und bekommen die Datei bereits erwähnt, in der Antwort, mod und legte es zurück.
    • Du bist mein held!
    • ERSTAUNLICH, vielen Dank!!
    • Ich kann nicht finden, HTML.sublime-Paket. Ist "anderes Verzeichnis" für alle gleich? Welches Verzeichnis?
    • Das, sir, war genial.
    • dies funktioniert nicht <script type="text/ng-template"></script>
    • Die Sublime linter html tidy zeigten die Warnung, "Warnung: '<' + '/' + Buchstabe ist nicht erlaubt hier" Der einzige Weg, ich war in der Lage zu entfernen, dieser Fehler wurde hinzufügen "ignore_match": [ ".*hier nicht erlaubt"], um meine htmltidy Benutzer-Einstellungen. Kennt jemand eine bessere Lösung?

    InformationsquelleAutor Matt York
  2. 9

    Da ändern built-in packages, ist nicht gerade einfach, sicher, oder tragbar (vor allem in ST3), ich gespalten, Matt York Wechsel in seine eigenen Paket.

    Erhältlich ist es via Paket-Kontrolle, und unterstützt sowohl Sublime Text 2 und 3 auf allen Plattformen.

    HTML Unterstrich Syntax

    • funktioniert nicht auf sublime text 3
    • Nur installiert es auf einem neuen Computer. Funktioniert perfekt in Sublime 3. Einfacher als die Datei nicht Bearbeiten. Danke, John!
    InformationsquelleAutor John Rork
  3. 3

    Für diejenigen von uns mit Sublime Text 3

    Ich dachte, ich würde konsolidieren Sie die Informationen in etwas leichter zu finden, da keine Antworten oder Kommentare direkt gab mir die Lösung, die ich brauchte. Matt York, die Antwort ist meist richtig, aber Shane N die Lösung ist ein bisschen mehr flexible:

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

    Finden Sie HTML.sublime-Paket innen C:\Program Files\Sublime Text 3\Packages - wie bereits erwähnt-von PAEz.

    Anweisungen

    1. Extrakt HTML.sublime-Paket's Inhalte wie jeder normale zip-Datei
    2. In der neuen /HTML-Verzeichnis, das Sie gerade erstellt haben, öffnen Sie HTML.tmLanguage und ändern Sie die Zeile, die oben erwähnt (wahrscheinlich line 286)
      1. Es sollte direkt nach <key>begin</key>
    3. Ihre änderungen zu speichern, fügen Sie das /HTML-Verzeichnis, das HTML.tmLanguage Leben in einer neuen zip-Datei
    4. Löschen Sie die alte HTML.sublime-Paket Datei
    5. Ändern Sie den Dateityp von .zip zu .sublime-package (stellen Sie sicher, Erhabenen nicht ausgeführt wird, während Sie dies tun)
    6. Sollten Sie jetzt gut zu gehen - Feuer bis Erhaben und check-out Ihre awesome neu-markierten Vorlagen!
    • Um dies zu tun, die für OS X, müssen Sie zunächst mit der rechten Maustaste klicken Sie auf die ST3-Anwendung und wählen Sie "Paketinhalt Zeigen", dann navigieren Sie zu Contents/MacOS/Packages/HTML.sublime-Paket
    InformationsquelleAutor Jesse Dupuy
  4. 1

    Für diejenigen von uns mit Sublime Text 3 verwenden Sie das plugin "PackageResourceViewer" auf "HTML Bearbeiten".sublime-Paket

    PackageResourceViewer

    InformationsquelleAutor User007
Schreibe einen Kommentar