HTML to Slim कन्वर्टर

HTML/ERB को Slim में आसानी से बदलें। उन Rails डेवलपर्स के लिए बनाया गया है जो साफ-सुथरा और संरचित कोड पसंद करते हैं।

टैग्स: erb html कोड कन्वर्ट करें टेम्पलेट कन्वर्टर रेल्स स्लिम

🚀 390,131 कुल रूपांतरण (136 इस महीने)

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

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

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

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

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

क्यों Slim?

Slim एक तेज़, हल्का रूबी टेम्पलेटिंग इंजन है जो 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