5 votos

Indentación html + javascript/css

¿Has encontrado un editor de texto de OS X capaz de sangrar ambos la línea

var x = 2;

y las líneas

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

en el siguiente html?

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

He probado todos los paquetes de emacs que pretenden hacer esta sencilla tarea correctamente (mediante un modo mayor y uno menor), pero ninguno es adecuado. Estoy demasiado metido en emacs como para abandonarlo del todo, pero ahora estoy buscando un editor que no sea emacs para esta tarea.

3voto

micmcg Puntos 257

He escrito web-mode.el (disponible en http://web-mode.org ) porque tenía los mismos problemas que tú. Este modo mayor de Emacs para la edición de plantillas HTML (HTML con CSS/JS/PHP/JSP) es autónomo (no se requiere otro mayor) y resalta la sintaxis y las sangrías según el tipo de bloque.

OP Raving

Con nada más que

(require 'web-mode)

en su .emacs y el almacenamiento de web-mode.el en un lugar accesible (para empezar, su directorio personal), el ejemplo de código de la pregunta tendrá el siguiente aspecto.

enter image description here

Para obtener la sangría correcta

enter image description here

tendrá que utilizar

;; 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 Puntos 1919

Yo uso Textmate pesadamente y me encanta cómo auto sangrías para mí al hacer mi Rails Desarrollos. Es un editor de texto realmente bueno y vale totalmente el precio. Tiene un montón de buenas características.

Sin embargo, la mayoría de los editores de texto suelen tener sangría automática. Coda 2 lo hace y creo que Textwrangler y algunos otros. No debería ser muy difícil encontrar algo que funcione y la mayoría de ellos tienen pruebas gratuitas para jugar primero y ver si son de tu agrado.

Espero que esta respuesta te ayude.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X