LESS und CSS3 Syntax-Hervorhebung

6844
mingos

Ich habe diesen Post auf SU gefunden, aber er scheint meine Bedürfnisse nicht genau zu erfüllen, daher werde ich eine ähnliche Frage stellen. Normalerweise verwende ich PSPad und habe auch keine Angst vor Notepad ++. Sie sind beide gute Editoren, aber ihre CSS-Hervorhebung scheint allen CSS3-Leckereien zu fehlen.

Um das zu übertreffen, habe ich vor kurzem begonnen, LESS anstelle von einfachem CSS zu verwenden, und hier versagen beide Editoren kläglich. Sobald verschachtelte Eigenschaften gefunden werden, geht PSPad vollständig verloren und kann nicht einmal übereinstimmende geschweifte Klammern anzeigen, ganz zu schweigen von der Hervorhebung fehlerhafter Syntax. Notepad ++ ist etwas besser, da übereinstimmende Klammern immer korrekt angezeigt werden, aber das Verschachteln führt dazu, dass Notepad ++ sich um WENIGER verliert.

Wissen Sie also, wie ich beide zusammen mit LESS richtig zusammenarbeiten kann? Eine herunterladbare Ressource ist in Ordnung oder vielleicht ein Plugin, wenn Sie von einem wissen (ich weiß es nicht). Wenn Sie jedoch einen anderen guten, leichten Editor kennen, der eine gute WENIGER Hervorhebung bietet, weisen Sie mich bitte darauf hin (und bitte, kein Eclipse-basiertes Zeug, es ist viel zu schwer für einen CSS-Highlighter).

[Bearbeiten, falls es jemand nützlich findet]:

Seit ich die Frage geschrieben habe, stieß ich auf eine großartige, wenn auch Java-basierte und daher etwas träge IDE. Es heißt PhpStorm, erstellt von JetBrains. Da ich es jetzt für die meisten meiner PHP-Codierungen verwende, ende ich damit, weniger Dateien zu bearbeiten. Und hier kommt die Überraschung: PhpStorm bietet LESS! Es ist nicht perfekt, da manchmal vergessen wird, Vorschläge für die automatische Vervollständigung anzuzeigen, aber insgesamt ist es wirklich anständig. Wie gesagt, es ist keine leichte Lösung und auch nicht kostenlos, aber ich verwende es heutzutage für alle meine Codierungen und finde es sehr empfehlenswert.

5
Die von Ihnen verlinkte Frage bezieht sich auf [`less`] (http://en.wikipedia.org/wiki/Less_ (Unix)), den Unix-Datei-Viewer, und Ihre Frage bezieht sich auf [LESS] (http: // lesscss.) .org /), die Stylesheet-Sprache. Also nicht ganz ähnliche Fragen. :) Sebastian Paaske Tørholm vor 13 Jahren 0
Haha, in der Tat: D. Ich kann mich jetzt nicht erinnern (ich habe diese Frage vor einem halben Jahr geschrieben ...), ich nehme an, ich habe eine Frage verlinkt, die ich nicht sorgfältig gelesen hatte: D. mingos vor 13 Jahren 0

2 Antworten auf die Frage

3
Steven Don

In PSPad können Sie "Benutzer-Textmarker" definieren. Obwohl nicht ganz so flexibel wie eine vollständige Spezifikation, können Sie zumindest alle Schlüsselwörter (bis zu 3 Kategorien) und reservierte Wörter definieren, die Sie hervorheben möchten. Für weniger können Sie eine Liste von Schlüsselwörtern aus dem vorhandenen CSS-Textmarker im Abschnitt [Schlüsselwörter] von "CSS.DEF" im Verzeichnis "Context" im PSPad-Programmordner abrufen / bearbeiten. Sie können diese Liste auch erweitern, wenn Sie dies tun Sie möchten einfach die CSS3-Schlüsselwörter im regulären CSS-Textmarker unterstützen.

Sie sollten diesen Benutzer-Textmarker dann einem der Punkte <nicht zugewiesen> in den Textmarker-Einstellungen zuweisen. Anschließend können Sie Farben für die reservierten Wörter und 3 Schlüsselwortkategorien auswählen.

Mit diesen Benutzer-Highlightern funktionieren geschachtelte Klammern gut.

Hinweis: Da diese Dateien in Unterordnern des PSPad-Programmordners gespeichert sind, können Sie sie in Windows Vista und Windows 7 normalerweise nicht in C: \ Program Files bearbeiten, wenn Sie PSPad als Administrator ausführen. Stellen Sie sicher, dass Sie dies tun, wenn Sie Einstellungen ändern.

Also zusammenfassend:

  • Erweitern Sie C: \ Programme \ PSPad \ Context \ CSS.DEF für CSS3-Eigenschaften
  • Erstellen Sie einen Benutzer-Textmarker (mit Schlüsselwörtern aus der obigen Datei), um die Syntax für LESS hervorzuheben
2
David Hobs

Notepad ++ ermöglicht auch benutzerdefinierte Stile.

Hier finden Sie eine Liste mit 50 bereits erstellten Sprachen sowie Anweisungen zum Importieren. Der Link führt Sie zu Less.js. Und natürlich jede andere Sprache, die Sie hinzufügen / ändern möchten.

Prost!