Conversor de HTML para Slim
Transforme HTML/ERB em Slim com facilidade. Feito para desenvolvedores Rails que valorizam código limpo e estruturado.
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
- Cole ou digite seu código HTML+ERB no editor.
- Clique em Converter para gerar o código Slim.
- 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