HTML से Slim कन्वर्टर

यह टूल क्या है?

यह मुफ्त ऑनलाइन कन्वर्टर आपको HTML और ERB (एम्बेडेड Ruby) टेम्पलेट्स को तुरंत साफ, न्यूनतम Slim कोड में बदलने की सुविधा देता है। यह Ruby ऑन रेल्स डेवलपर्स के लिए एक बेहतरीन विकल्प है जो अपने व्यूज़ को आधुनिक और सरल बनाना चाहते हैं।

कैसे उपयोग करें

1. अपने HTML+ERB कोड को संपादक में पेस्ट करें या टाइप करें।
2. Slim कोड उत्पन्न करने के लिए Convert पर क्लिक करें।
3. Slim परिणाम को तुरंत डाउनलोड, कॉपी, या साझा करें।

आप Google या GitHub के साथ साइन इन भी कर सकते हैं ताकि आप अपने कन्वर्शन इतिहास को सहेज सकें और बाद में फाइलें डाउनलोड कर सकें।

क्यों Slim?

Slim एक तेज़, हल्का Ruby टेम्पलेटिंग इंजन है जो HTML टैग्स की बजाय इंडेंटेशन का उपयोग करता है। यह अपनी साफ-सुथरी सिंटैक्स और बेहतर पठनीयता के लिए रेल्स एप्लिकेशनों में व्यापक रूप से उपयोग किया जाता है।

Slim के लाभ शामिल हैं:

• न्यूनतम और व्हाइटस्पेस-चालित सिंटैक्स
• कम वर्णों के साथ तेज़ विकास
• जटिल व्यूज़ के लिए बेहतर रखरखाव

Slim Temple और Tilt द्वारा संचालित है। यह उन रेल्स डेवलपर्स के बीच लोकप्रिय विकल्प है जो सुंदर, साफ-सुथरे व्यूज़ चाहते हैं।

आधिकारिक Slim वेबसाइट पर और जानें।

Slim सिंटैक्स उदाहरण

doctype html
html
  head
    title Slim Example
    meta name="keywords" content="template language"
    meta name="author" content=author
    javascript:
      alert('Slim supports embedded javascript!')

  body
    h1 Markup examples

    #content
      p This example shows what a basic Slim file looks like.

      == yield

      - unless items.empty?
        table
          - items.each do |item|
            tr
              td.name = item.name
              td.price = item.price
      - else
        p
          | No items found. Please add inventory.
    div id="footer"
      = render 'footer'
      | © #{year} #{author}

    

HTML+ERB बनाम 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