Convertitore da HTML a Haml

Trasforma HTML/ERB in Haml con facilità. Creato per gli sviluppatori Rails che apprezzano un codice pulito e strutturato.

Tag: convertire codice convertitore di template erb haml html rails

🚀 358,888 conversioni totali (10 questo mese)

Che cos'è questo strumento?

Questo convertitore online gratuito ti aiuta a convertire istantaneamente i template HTML e ERB (Embedded Ruby) in codice Haml pulito e leggibile. È ideale per gli sviluppatori Ruby on Rails che vogliono semplificare e modernizzare le loro viste.

Come usare

  1. Incolla o digita il tuo codice HTML+ERB nell'editor.
  2. Clicca su Converti per generare Haml.
  3. Scarica, copia o condividi immediatamente il risultato Haml.

Puoi anche accedere con Google o GitHub per salvare la cronologia delle conversioni e scaricare i file in seguito.

Perché Haml?

Haml (HTML Abstraction Markup Language) è un motore di template sensibile agli spazi bianchi per Ruby, comunemente usato in Rails. Sostituisce l'HTML inline con una sintassi pulita e indentata che è più facile da leggere e mantenere.

I vantaggi di Haml includono:

  • Sintassi più pulita e breve rispetto a ERB
  • Miglior leggibilità e manutenibilità
  • Templating front-end più veloce per gli sviluppatori Rails

Haml è utilizzato da molti sviluppatori e aziende Ruby per lo sviluppo rapido di Rails, inclusa Unspace Interactive.

Scopri di più sul sito ufficiale di Haml.

Esempio di sintassi Haml


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

    

Esempio HTML+ERB vs Haml

HTML+ERB


<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body>
    <h1>Blogg</h1>
    <p>Ora: <%%= 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
      Ora:
      \#{Time.now}
    - Post.all.each do |post|
      %article
        %h2= post.title
        %div= post.body