HTML zu Slim Konverter
Verwandle HTML/ERB mühelos in Slim. Entwickelt für Rails-Entwickler, die sauberen, strukturierten Code schätzen.
Was ist dieses Tool?
Dieser kostenlose Online-Konverter ermöglicht es Ihnen, HTML- und ERB- (Embedded Ruby) Vorlagen sofort in sauberen, minimalen Slim-Code umzuwandeln. Es ist eine großartige Wahl für Ruby on Rails-Entwickler, die ihre Ansichten modernisieren und vereinfachen möchten.
Wie man es benutzt
- Fügen Sie Ihren HTML+ERB-Code in den Editor ein oder tippen Sie ihn ein.
- Klicken Sie auf Konvertieren, um Slim-Code zu generieren.
- Laden Sie das Slim-Ergebnis sofort herunter, kopieren oder teilen Sie es.
Sie können sich auch mit Google oder GitHub anmelden, um Ihre Konvertierungshistorie zu speichern und Dateien später herunterzuladen.
Warum Slim?
Slim ist eine schnelle, leichte Ruby-Templating-Engine, die Einrückungen anstelle von HTML-Tags verwendet. Es wird häufig in Rails-Anwendungen wegen seiner sauberen Syntax und verbesserten Lesbarkeit verwendet.
Vorteile von Slim sind:
- Minimale und leerzeichenbasierte Syntax
- Schnellere Entwicklung mit weniger Zeichen zum Tippen
- Verbesserte Wartbarkeit für komplexe Ansichten
Slim wird von Temple und Tilt betrieben. Es ist eine beliebte Wahl unter Rails-Entwicklern, die schöne, saubere Ansichten wünschen.
Erfahren Sie mehr auf der offiziellen Slim-Website.
Slim-Syntax-Beispiel
doctype html
html
head
title Slim-Beispiel
meta name="keywords" content="template language"
meta name="author" content=author
javascript:
alert('Slim unterstützt eingebettetes JavaScript!')
body
h1 Markup-Beispiele
#content
p Dieses Beispiel zeigt, wie eine grundlegende Slim-Datei aussieht.
== yield
- unless items.empty?
table
- items.each do |item|
tr
td.name = item.name
td.price = item.price
- else
p
| Keine Artikel gefunden. Bitte fügen Sie Inventar hinzu.
div id="footer"
= render 'footer'
| © #{year} #{author}
HTML+ERB vs Slim Beispiel
HTML+ERB
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>Blogg</h1>
<p>Zeit: <%%= 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
| Zeit:
= Time.now
- Post.all.each do |post|
article
h2 = post.title
div = post.body