Конвертер HTML в Slim

Что это за инструмент?

Этот бесплатный онлайн-конвертер позволяет мгновенно преобразовать HTML и ERB (Embedded Ruby) шаблоны в чистый, минималистичный код Slim. Это отличный выбор для разработчиков Ruby on Rails, которые хотят модернизировать и упростить свои представления.

Как использовать

1. Вставьте или введите ваш HTML+ERB код в редактор.
2. Нажмите Конвертировать, чтобы сгенерировать код Slim.
3. Скачайте, скопируйте или поделитесь результатом Slim мгновенно.

Вы также можете войти через Google или GitHub, чтобы сохранить историю конверсий и скачать файлы позже.

Почему Slim?

Slim - это быстрый, легковесный шаблонизатор для Ruby, который использует отступы вместо HTML-тегов. Он широко используется в приложениях Rails благодаря своему чистому синтаксису и улучшенной читаемости.

Преимущества Slim включают:

• Минималистичный синтаксис, основанный на пробелах
• Более быстрая разработка с меньшим количеством символов для ввода
• Улучшенная поддержка сложных представлений

Slim работает на Temple и Tilt. Это популярный выбор среди разработчиков Rails, которые хотят красивые, чистые представления.

Узнайте больше на официальном сайте Slim.

Пример синтаксиса Slim

doctype html
html
  head
    title Slim Example
    meta name="keywords" content="template language"
    meta name="author" content=author
    javascript:
      alert('Slim поддерживает встроенный javascript!')

  body
    h1 Примеры разметки

    #content
      p Этот пример показывает, как выглядит базовый файл Slim.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | Элементы не найдены. Пожалуйста, добавьте инвентарь.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

Пример HTML+ERB vs Slim

HTML+ERB

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Блогг</h1>
    <p>Время: <%%= 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 Блогг
    p
      | Время:
      = Time.now
    - Post.all.each do |post|
      article
        h2 = post.title
        div = post.body