HTML to Slim Converter
Преобразуйте HTML/ERB в Slim с легкостью. Создано для разработчиков Rails, которые ценят чистый и структурированный код.
Что это за инструмент?
Этот бесплатный онлайн-конвертер позволяет мгновенно преобразовать HTML и ERB (Embedded Ruby) шаблоны в чистый, минималистичный код Slim. Это отличный выбор для разработчиков Ruby on Rails, которые хотят модернизировать и упростить свои представления.
Как использовать
- Вставьте или введите ваш HTML+ERB код в редактор.
- Нажмите Конвертировать, чтобы сгенерировать код Slim.
- Скачайте, скопируйте или поделитесь результатом 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