Conversor de HTML para Haml

Transforme HTML/ERB em Haml com facilidade. Feito para desenvolvedores Rails que valorizam código limpo e estruturado.

Tags: conversor de templates converter código erb haml html rails

🚀 358,888 conversões totais (10 este mês)

O que é Esta Ferramenta?

Este conversor online gratuito ajuda você a converter instantaneamente templates HTML e ERB (Embedded Ruby) em código Haml limpo e legível. É ideal para desenvolvedores Ruby on Rails que desejam simplificar e modernizar suas views.

Como Usar

  1. Cole ou digite seu código HTML+ERB no editor.
  2. Clique em Converter para gerar Haml.
  3. Baixe, copie ou compartilhe o resultado Haml instantaneamente.

Você também pode entrar com Google ou GitHub para salvar seu histórico de conversão e baixar arquivos mais tarde.

Por que Haml?

Haml (HTML Abstraction Markup Language) é um motor de template sensível a espaços em branco para Ruby, comumente usado em Rails. Ele substitui HTML inline por uma sintaxe limpa e indentada que é mais fácil de ler e manter.

Benefícios do Haml incluem:

  • Sintaxe mais limpa e curta em comparação com ERB
  • Melhor legibilidade e manutenção
  • Templating front-end mais rápido para desenvolvedores Rails

Haml é usado por muitas empresas e desenvolvedores Ruby para desenvolvimento rápido em Rails, incluindo Unspace Interactive.

Saiba mais no site oficial do Haml.

Exemplo de Sintaxe Haml


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

    

Exemplo 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