Convertidor de HTML a Haml

¿Qué es esta herramienta?

Este convertidor en línea gratuito te ayuda a convertir al instante plantillas HTML y ERB (Embedded Ruby) en código Haml limpio y legible. Es ideal para desarrolladores de Ruby on Rails que desean simplificar y modernizar sus vistas.

Cómo usar

1. Pega o escribe tu código HTML+ERB en el editor.
2. Haz clic en Convertir para generar Haml.
3. Descarga, copia o comparte el resultado Haml al instante.

También puedes iniciar sesión con Google o GitHub para guardar tu historial de conversiones y descargar archivos más tarde.

¿Por qué Haml?

Haml (Lenguaje de Marcado de Abstracción de HTML) es un motor de plantillas sensible al espacio en blanco para Ruby, comúnmente usado en Rails. Reemplaza el HTML en línea con una sintaxis limpia e indentada que es más fácil de leer y mantener.

Los beneficios de Haml incluyen:

• Sintaxis más limpia y corta en comparación con ERB
• Mejor legibilidad y mantenibilidad
• Plantillas front-end más rápidas para desarrolladores de Rails

Haml es utilizado por muchas empresas y desarrolladores de Ruby para un desarrollo rápido en Rails, incluyendo Unspace Interactive.

Aprende más en el sitio web oficial de Haml.

Ejemplo de Sintaxis Haml

%section.container
  %h1= post.title
  %h2= post.subtitle
  .content
    = post.content

    

Ejemplo de HTML+ERB vs Haml

HTML+ERB

<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body>
    <h1>Blogg</h1>
    <p>Hora: <%%= Time.now %%></p>
    <%% Post.all.each do |post| %%>
      <article>
        <h2><%%= post.title %%></h2>
        <div><%%= post.body %%></div>
      </article>
    <%% end %%>
  </body>
</html>

Haml

!!!
%html
  %head
    %meta{ content: "text/html; charset=UTF-8", "http-equiv": "Content-Type" }/
    %meta{ charset: "utf-8" }/
  %body
    %h1 Blogg
    %p
      Hora:
      \#{Time.now}
    - Post.all.each do |post|
      %article
        %h2= post.title
        %div= post.body