Convertisseur HTML vers Slim
Transformez HTML/ERB en Slim facilement. Conçu pour les développeurs Rails qui apprécient un code propre et structuré.
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
- Collez ou tapez votre code HTML+ERB dans l'éditeur.
- Cliquez sur Convertir pour générer du code Slim.
- 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