HTML to Slim Converter

HTML/ERB를 Slim으로 쉽게 변환하세요. 깔끔하고 구조적인 코드를 중요시하는 Rails 개발자를 위해 만들어졌습니다.

샘플

🚀 390,131 총 변환 (136 이번 달)

이 도구는 무엇인가요?

이 무료 온라인 변환기는 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