Conversor HTML para Slim

O que é esta ferramenta?

Este conversor online gratuito permite transformar instantaneamente templates HTML e ERB (Embedded Ruby) em código Slim limpo e minimalista. É uma ótima escolha para desenvolvedores Ruby on Rails que desejam modernizar e simplificar suas views.

Como usar

1. Cole ou digite seu código HTML+ERB no editor.
2. Clique em Converter para gerar o código Slim.
3. Baixe, copie ou compartilhe o resultado Slim instantaneamente.

Você também pode entrar com Google ou GitHub para salvar seu histórico de conversão e baixar arquivos mais tarde.

Por que Slim?

Slim é um mecanismo de template Ruby rápido e leve que usa indentação em vez de tags HTML. É amplamente utilizado em aplicações Rails por sua sintaxe limpa e legibilidade aprimorada.

Os benefícios do Slim incluem:

• Sintaxe minimalista e baseada em espaços em branco
• Desenvolvimento mais rápido com menos caracteres para digitar
• Melhor manutenção para views complexas

Slim é alimentado por Temple e Tilt. É uma escolha popular entre desenvolvedores Rails que desejam views bonitas e limpas.

Saiba mais no site oficial do Slim.

Exemplo de Sintaxe Slim

doctype html
html
  head
    title Exemplo Slim
    meta name="keywords" content="linguagem de template"
    meta name="author" content=author
    javascript:
      alert('Slim suporta javascript embutido!')

  body
    h1 Exemplos de marcação

    #content
      p Este exemplo mostra como é um arquivo Slim básico.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | Nenhum item encontrado. Por favor, adicione inventário.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

Exemplo HTML+ERB vs Slim

HTML+ERB

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