Convertidor de HTML a Slim

Transforma HTML/ERB en Slim fácilmente. Diseñado para desarrolladores de Rails que valoran un código limpio y estructurado.

Etiquetas: convertidor de plantillas convertir código erb html rails slim

🚀 390,127 conversiones totales (132 este mes)

¿Qué es esta herramienta?

Este convertidor en línea gratuito te permite transformar instantáneamente plantillas HTML y ERB (Embedded Ruby) en código Slim limpio y minimalista. Es una excelente opción para desarrolladores de Ruby on Rails que buscan modernizar y simplificar sus vistas.

Cómo usar

  1. Pega o escribe tu código HTML+ERB en el editor.
  2. Haz clic en Convertir para generar código Slim.
  3. Descarga, copia o comparte el resultado Slim al instante.

También puedes iniciar sesión con Google o GitHub para guardar tu historial de conversiones y descargar archivos más tarde.

¿Por qué Slim?

Slim es un motor de plantillas Ruby rápido y ligero que utiliza la indentación en lugar de etiquetas HTML. Es ampliamente utilizado en aplicaciones Rails por su sintaxis limpia y mejor legibilidad.

Los beneficios de Slim incluyen:

  • Sintaxis mínima y basada en espacios en blanco
  • Desarrollo más rápido con menos caracteres para escribir
  • Mejor mantenibilidad para vistas complejas

Slim está impulsado por Temple y Tilt. Es una opción popular entre los desarrolladores de Rails que desean vistas hermosas y limpias.

Aprende más en el sitio web oficial de Slim.

Ejemplo de sintaxis Slim


doctype html
html
  head
    title Ejemplo de Slim
    meta name="keywords" content="lenguaje de plantillas"
    meta name="author" content=author
    javascript:
      alert('¡Slim soporta javascript embebido!')

  body
    h1 Ejemplos de marcado

    #content
      p Este ejemplo muestra cómo se ve un archivo Slim básico.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | No se encontraron artículos. Por favor, añade inventario.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

Ejemplo de 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