Convertisseur HTML en Haml

Transformez HTML/ERB en Haml facilement. Conçu pour les développeurs Rails qui apprécient un code propre et structuré.

Étiquettes: convertir le code convertisseur de modèles erb haml html rails

🚀 358,888 conversions totales (10 ce mois-ci)

Qu'est-ce que cet outil ?

Ce convertisseur en ligne gratuit vous aide à convertir instantanément des modèles HTML et ERB (Embedded Ruby) en code Haml propre et lisible. Il est idéal pour les développeurs Ruby on Rails qui souhaitent simplifier et moderniser leurs vues.

Comment utiliser

  1. Collez ou tapez votre code HTML+ERB dans l'éditeur.
  2. Cliquez sur Convertir pour générer du Haml.
  3. Téléchargez, copiez ou partagez instantanément le résultat Haml.

Vous pouvez également vous connecter avec Google ou GitHub pour sauvegarder votre historique de conversion et télécharger les fichiers plus tard.

Pourquoi Haml ?

Haml (HTML Abstraction Markup Language) est un moteur de template sensible aux espaces pour Ruby, couramment utilisé dans Rails. Il remplace le HTML en ligne par une syntaxe propre et indentée, plus facile à lire et à maintenir.

Les avantages de Haml incluent :

  • Une syntaxe plus propre et plus courte comparée à ERB
  • Amélioration de la lisibilité et de la maintenabilité
  • Un templating front-end plus rapide pour les développeurs Rails

Haml est utilisé par de nombreux développeurs et entreprises Ruby pour un développement rapide avec Rails, y compris Unspace Interactive.

En savoir plus sur le site officiel de Haml.

Exemple de syntaxe Haml


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

    

Exemple HTML+ERB vs Haml

HTML+ERB


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