HTML zu Slim Konverter

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

1. Fügen Sie Ihren HTML+ERB-Code in den Editor ein oder tippen Sie ihn ein.
2. Klicken Sie auf Konvertieren, um Slim-Code zu generieren.
3. 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