HTML to Slim Converter

HTML/ERBを簡単にSlimに変換します。クリーンで構造化されたコードを重視するRails開発者のために作られました。

タグ一覧: erb html コードを変換 スリム テンプレートコンバーター レールズ

🚀 390,128 合計変換 (133 今月)

このツールとは?

この無料のオンラインコンバーターを使用すると、HTMLとERB(Embedded Ruby)テンプレートを瞬時にクリーンでミニマルなSlimコードに変換できます。Ruby on Rails開発者がビューをモダン化し、簡素化するための優れた選択肢です。

使い方

  1. エディターにHTML+ERBコードを貼り付けるか入力します。
  2. 変換をクリックしてSlimコードを生成します。
  3. 生成されたSlimをすぐにダウンロード、コピー、または共有します。

また、GoogleまたはGitHubでサインインして、変換履歴を保存し、後でファイルをダウンロードすることもできます。

なぜSlimなのか?

Slimは、インデントを使用してHTMLタグを置き換える高速で軽量なRubyテンプレートエンジンです。クリーンな構文と読みやすさの向上により、Railsアプリケーションで広く使用されています。

Slimの利点には以下があります:

  • ミニマルで空白駆動の構文
  • 入力する文字数が少なく、開発が高速化
  • 複雑なビューの保守性が向上

SlimはTempleTiltによって動作しています。美しいクリーンなビューを求めるRails開発者に人気の選択肢です。

詳しくは公式Slimウェブサイトをご覧ください。

Slim構文の例


doctype html
html
  head
    title Slimの例
    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>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