HTML to Slim 변환기
HTML/ERB를 Slim으로 즉시 변환. Rails 개발자를 위한 브라우저 기반 도구로, 깔끔한 코드 작성 및 학습에 최적화.
🚀 396,314 총 변환 (5 이번 달)
이 도구는 무엇인가요?
이 무료 온라인 변환기는 HTML 및 ERB(Embedded Ruby) 템플릿을 깔끔하고 최소한의 Slim 코드로 즉시 변환할 수 있게 해줍니다. 이는 뷰를 현대화하고 단순화하려는 Ruby on Rails 개발자에게 훌륭한 선택입니다.
사용 방법
- 편집기에 HTML+ERB 코드를 붙여넣거나 입력하세요.
- 변환을 클릭하여 Slim 코드를 생성하세요.
- Slim 결과를 즉시 다운로드, 복사 또는 공유하세요.
또한 Google 또는 GitHub으로 로그인하여 변환 기록을 저장하고 나중에 파일을 다운로드할 수 있습니다.
왜 Slim인가요?
Slim은 HTML 태그 대신 들여쓰기를 사용하는 빠르고 가벼운 Ruby 템플릿 엔진입니다. 깔끔한 문법과 향상된 가독성 덕분에 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은 내장된 자바스크립트를 지원합니다!')
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>Blogg</h1>
<p>Time: <%%= 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
| Time:
= Time.now
- Post.all.each do |post|
article
h2 = post.title
div = post.body