5 votes

Indentation html + javascript/css

Avez-vous rencontré un éditeur de texte OS X capable d'indenter les deux la ligne

var x = 2;

et les lignes

<it>Item A</it>
<it>Item B</it>

dans le html suivant ?

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Test</title>
<script>
function foo_bar() {
var x = 2;
}
</script>
</head>
<body onload="foo_bar()">

<h1>Header</h1>

<ul>
<it>Item A</it>
<it>Item B</it>
</ul>

</body>
</html>

J'ai essayé tous les paquets emacs censés effectuer cette tâche simple correctement (à travers un mode majeur et un mode mineur), mais aucun n'est adéquat. Je suis trop impliqué dans emacs pour l'abandonner complètement, mais je suis maintenant à la recherche d'un éditeur. autre que emacs pour cette tâche.

3voto

micmcg Points 257

J'ai écrit web-mode.el (disponible sur http://web-mode.org ) car j'avais les mêmes problèmes que vous. Ce mode majeur d'Emacs pour l'édition de modèles HTML (HTML avec CSS/JS/PHP/JSP) est autonome (aucune autre majeure requise) et met en évidence la syntaxe et l'indentation selon le type de bloc.

OP Raving

Avec rien de plus que

(require 'web-mode)

dans votre .emacs et le stockage web-mode.el dans un endroit accessible (votre répertoire personnel fera l'affaire pour commencer), l'exemple de code de la question ressemblera à ceci.

enter image description here

Pour obtenir la bonne indentation

enter image description here

vous devrez utiliser

;; First the (general) requisite initialization.
(package-initialize)

(require 'web-mode)

(eval-after-load "web-mode"
  '(progn 
     (add-to-list 'auto-mode-alist '("\\.css\\'" . web-mode))
     (add-to-list 'auto-mode-alist '("\\.html\\'" . web-mode))
     (add-to-list 'auto-mode-alist '("\\.js\\'" . web-mode))

     (setq web-mode-script-padding 2)
     (setq web-mode-style-padding 2)
     (setq web-mode-block-padding 2)
     ))

2voto

de_an777 Points 2218

J'utilise Textmate et j'aime beaucoup la façon dont l'auto indentation me permet de faire mes développements Rails. C'est un très bon éditeur de texte et il vaut vraiment son prix. Il a beaucoup de bonnes fonctionnalités.

Cependant, la plupart des éditeurs de texte ont généralement une indentation automatique. Coda 2 fait et je crois Textwrangler et quelques autres. Il ne devrait pas être trop difficile de trouver un produit qui fonctionne et la plupart d'entre eux proposent des essais gratuits pour voir s'ils sont à votre goût.

J'espère que cette réponse vous aidera.

LesApples.com

LesApples est une communauté de Apple où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres utilisateurs d'appareils Apple, poser vos propres questions ou résoudre celles des autres.

Powered by:

X