2009-12-15 2 views
22

typischerweise ist der Code so etwas wie:Welchen Modus verwenden Benutzer bei der Verwendung von Emacs zum Bearbeiten von Webseiten, die CSS, JavaScript und HTML enthalten?

<html> 
    <head> 
    <style type="text/css"> 
     body { font-size:12pt; font-family: Arial;} 
     .... 
    </style> 
    <script type="text/javascript" src="jquery.1.3.2js"></script> 
    <script type="text/javascript"> 
    <!-- 
     $(document).ready(function(){ 
      ... 
     }); 
     ... 
    --> 
    </script> 
    <meta ... /> 
    </head> 
    <body> 
    <div> 
     <p> 
     .... 
     </p> 
     ... 
    </div> 
    .... 
    </body> 
</html> 

Ich mag Javascript-Modus für die syntaxt markieren und Einrücken. Ebenso für sgml-mode für den HTML-Code. Ich bekomme auch Auto-Vervollständigung auf den offenen Tags. Css-Modus ist nicht so wichtig, so dass es nicht so sehr eine Priorität ist.

Das sind 3 verschiedene Sprachen und 3 Modi. Im Moment habe ich die Modi manuell ausgetauscht, während ich verschiedene Sektionen bearbeite. Das funktioniert irgendwie.

Wer hat einen besseren Ansatz?

+0

Gehört zu superuser.com? –

+15

Ich sehe das oft auf Emacs-Fragen. Lass mich dich fragen: Wenn ich gefragt hätte, wie man die Code-Schriftart in einem Visual Studio-Fenster einstellt oder wie man eine Eclipse-Perspektive neu konfiguriert, gehört sie dann zum Superuser? – Cheeso

+2

Nein, denn das sind Tools für Programmierer. : P –

Antwort

11

Ich denke, dass Mumamo im Allgemeinen dafür verwendet wird. http://www.emacswiki.org/emacs/MuMaMo

+0

Ja, perfekt. Wenn ich auf den Link klicke, habe ich erfahren, dass der beste Weg, Mumamo zu bekommen, darin besteht, den nXhtml-Modus herunterzuladen und zu installieren. Es funktioniert perfekt. – Cheeso

+0

Ist nXhtml (MuMaMo) für Nicht-Win23-Plattformen verfügbar? Ich lasse Debian Squeeze laufen. – SabreWolfy

+2

Anscheinend wurde Mumamo seit 4 Jahren nicht mehr aktualisiert, während der neuere Web-Modus aktiv ist. Siehe [diesen Beitrag] (http://stackoverflow.com/a/21222987/48082) – Cheeso

8

Ich benutze nXhtml für Emacs. Zitieren von der Seite

Einer der Hauptbestandteile von nXhtml ist nxhtml-mode, ein GNU Emacs Hauptmodus, der auf dem nxml-Modus aufbaut. Es kennt die XHTML-Syntax und kann dies während der Eingabe überprüfen. Es kann Ihnen auch sagen, welche Tags und Attribute Sie an einem bestimmten Punkt verwenden können und Ihnen helfen, sie einzufügen.

Diese Funktion, die wir Completion nennen, ist eine der Hauptfunktionen dieses Modus. Ein weiteres wichtiges Merkmal ist die Fähigkeit, mehrere Sprachen in einem Puffer zu mischen und die korrekte Syntaxhervorhebung und Einrückung für jeden von ihnen zu erhalten.

+1

nXhtml funktioniert gut, aber ich bin oft glücklich mit nur sgml-Modus. Die wirklich knifflige Frage ist nicht "welcher Modus für (X) HTML?", Sondern "welcher Modus für eine Datei mit gemischtem Inhalt?" – Cheeso

+2

Ich nehme jeden Zweifel über den nXhtml-Modus zurück. Der coole Teil von nXhtml ist der Mumamo-Modus, der genau das tut, was ich beschrieben habe - er unterstützt mehrere Modi in einem einzigen Puffer. Ich kann Javascript, CSS und (X) HTML in derselben Datei bearbeiten und einrücken. Schön. Vielen Dank. – Cheeso

4

Ich würde verabscheuen besser meinen Ansatz zu nennen, aber FWIW, ich diese Situation vermeiden wie die Pest von CSS in CSS-Dateien und Javascript in Js Dateien setzen und dann setzen „include“ Tags im HTML Datei. Dann behandelt Emacs jeden nett. Zugegeben, drei große Monitore mit Vollbild-Emacs auf jeder Seite nebeneinander stellen Puffer, die die Dateien enthalten, die ich brauche kaum schmerzhaft. - :) Und es funktioniert nicht wirklich gut in einer Unternehmensumgebung, in der ich nicht die Kontrolle darüber habe, was andere Ingenieure tun.

+4

Patient: "Es tut weh, wenn ich das tue, Doc." Doktor: "Tu das nicht." – Cheeso

+0

Ich mache das zu, und wenn ich nicht kann (PHP und JSP-Code) verlasse ich mich auf nXhtml. – stsquad

19

Seit web-mode Existenz kam Ich habe Mumamo und Nxhtml losgeworden. Der Web-Modus ist einfacher zu verwenden und zu installieren. Für den Anfang verwendet es verschiedene Syntaxhervorhebung und Einrückung einer gemischten js/html/CSS-Datei. Aber für mich ist das wirklich praktische daran, dass es in anderen Templating-Sprachen funktioniert. Hier ist ein Beispiel-Konfiguration von ihrer Website:

(require 'web-mode) 
(add-to-list 'auto-mode-alist '("\\.phtml\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.tpl\\.php\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.jsp\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.as[cp]x\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.erb\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.mustache\\'" . web-mode)) 
(add-to-list 'auto-mode-alist '("\\.djhtml\\'" . web-mode)) 
+0

Wie führt man das Einfügen von Tags wie C-c C-t im HTML-Standardmodus in Emacs im Web-Modus aus? –

+1

Dies muss als richtige Antwort markiert werden. Web-Modus funktioniert einfach und MuMaMo hat nie für mich gearbeitet. – tuxdna

4

Im Vergleich, hier sind einige der verfügbaren Modi, wie von 2014.07.04:

 
| library  | files | size | last update | url             | 
|----------------+-------+---------+-------------+-----------------------------------------------------| 
| web-mode  |  1 | 279 kb | 2014-07-03 | https://github.com/fxbois/web-mode     | 
| polymode  |  7 | 120 kb | 2014-06-14 | https://github.com/vitoshka/polymode    | 
| mmm-mode  | 17 | 185 kb | 2014-02-12 | https://github.com/purcell/mmm-mode     | 
| multi-web-mode |  1 | 16 kb | 2013-08-23 | https://github.com/fgallina/multi-web-mode   | 
| mumamo   | 115 | 3090 kb | 2010-04-25 | http://ourcomments.org/Emacs/nXhtml/doc/nxhtml.html | 
| multi-mode  |  1 | 23 kb |  2009 | http://www.loveshack.ukfsn.org/emacs/multi-mode.el | 

auch zum Emacs Wiki hinzugefügt: http://www.emacswiki.org/emacs/MultipleModes

Verwandte Themen