Convertisseur HTML en Slim

Qu'est-ce que cet outil ?

Ce convertisseur en ligne gratuit vous permet de transformer instantanément des modèles HTML et ERB (Embedded Ruby) en code Slim propre et minimal. C'est un excellent choix pour les développeurs Ruby on Rails cherchant à moderniser et simplifier leurs vues.

Comment l'utiliser

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

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

Pourquoi Slim ?

Slim est un moteur de templates Ruby rapide et léger qui utilise l'indentation au lieu des balises HTML. Il est largement utilisé dans les applications Rails pour sa syntaxe épurée et sa lisibilité améliorée.

Les avantages de Slim incluent :

• Syntaxe minimale et basée sur les espaces
• Développement plus rapide avec moins de caractères à taper
• Amélioration de la maintenabilité pour les vues complexes

Slim est propulsé par Temple et Tilt. C'est un choix populaire parmi les développeurs Rails qui souhaitent des vues belles et propres.

En savoir plus sur le site officiel de Slim.

Exemple de syntaxe Slim

doctype html
html
  head
    title Exemple Slim
    meta name="keywords" content="langage de template"
    meta name="author" content=author
    javascript:
      alert('Slim prend en charge le javascript intégré !')

  body
    h1 Exemples de balisage

    #content
      p Cet exemple montre à quoi ressemble un fichier Slim de base.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | Aucun article trouvé. Veuillez ajouter de l'inventaire.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

Exemple HTML+ERB vs Slim

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>

Slim

| 
html
  head
    meta[charset="utf-8"]
  body
    h1 Blogg
    p
      | Heure :
      = Time.now
    - Post.all.each do |post|
      article
        h2 = post.title
        div = post.body