Convertitore HTML in Slim

Trasforma HTML/ERB in Slim con facilità. Creato per sviluppatori Rails che apprezzano codice pulito e strutturato.

Tag: convertire codice convertitore di template erb html rails slim

🚀 390,131 conversioni totali (136 questo mese)

Cos'è Questo Strumento?

Questo convertitore online gratuito ti permette di trasformare istantaneamente i modelli HTML ed ERB (Embedded Ruby) in codice Slim pulito e minimale. È una scelta eccellente per gli sviluppatori Ruby on Rails che desiderano modernizzare e semplificare le loro viste.

Come Usare

  1. Incolla o digita il tuo codice HTML+ERB nell'editor.
  2. Clicca su Converti per generare il codice Slim.
  3. Scarica, copia o condividi immediatamente il risultato Slim.

Puoi anche accedere con Google o GitHub per salvare la cronologia delle conversioni e scaricare i file in seguito.

Perché Slim?

Slim è un motore di template Ruby veloce e leggero che utilizza l'indentazione al posto dei tag HTML. È ampiamente utilizzato nelle applicazioni Rails per la sua sintassi pulita e la leggibilità migliorata.

I vantaggi di Slim includono:

  • Sintassi minimale e basata sugli spazi bianchi
  • Sviluppo più veloce con meno caratteri da digitare
  • Migliore manutenibilità per viste complesse

Slim è alimentato da Temple e Tilt. È una scelta popolare tra gli sviluppatori Rails che vogliono viste belle e pulite.

Scopri di più sul sito ufficiale di Slim.

Esempio di Sintassi Slim


doctype html
html
  head
    title Esempio Slim
    meta name="keywords" content="linguaggio template"
    meta name="author" content=author
    javascript:
      alert('Slim supporta javascript incorporato!')

  body
    h1 Esempi di markup

    #content
      p Questo esempio mostra come appare un file Slim di base.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | Nessun elemento trovato. Si prega di aggiungere inventario.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

Esempio HTML+ERB vs Slim

HTML+ERB


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