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

HTML/ERB को Haml में बिना सेटअप के तब्दील करें, सीधे ब्राउज़र में, जिससे Rails डेवलपर्स के लिए कोड क्लीन और मैनेजेबल बनता है।

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

नमूना

🚀 359,316 कुल रूपांतरण (16 इस महीने)

🚀 इन कोर्सेस के साथ अपनी स्किल्स बढ़ाएं

लोड हो रहा है…

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

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

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

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

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

Haml क्यों?

Haml (HTML एब्स्ट्रैक्शन मार्कअप लैंग्वेज) एक व्हाइटस्पेस-सेंसिटिव टेम्पलेटिंग इंजन है जो Ruby के लिए है, जो आमतौर पर रेल्स में उपयोग किया जाता है। यह इनलाइन HTML को साफ, इंडेंटेड सिंटैक्स के साथ बदलता है जो पढ़ने और बनाए रखने में आसान होता है।

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

ERB की तुलना में साफ और छोटा सिंटैक्स
बेहतर पठनीयता और रखरखाव
रेल्स डेवलपर्स के लिए तेज़ फ्रंट-एंड टेम्पलेटिंग

Haml का उपयोग कई Ruby शॉप्स और डेवलपर्स द्वारा तेजी से रेल्स विकास के लिए किया जाता है, जिसमें Unspace Interactive शामिल है।

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

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


%section.container
  %h1= post.title
  %h2= post.subtitle
  .content
    = post.content

HTML+ERB बनाम Haml उदाहरण

HTML+ERB


<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body>
    <h1>Blogg</h1>
    <p>समय: <%%= Time.now %%></p>
    <%% Post.all.each do |post| %%>
      <article>
        <h2><%%= post.title %%></h2>
        <div><%%= post.body %%></div>
      </article>
    <%% end %%>
  </body>
</html>

Haml


!!!
%html
  %head
    %meta{ content: "text/html; charset=UTF-8", "http-equiv": "Content-Type" }/
    %meta{ charset: "utf-8" }/
  %body
    %h1 Blogg
    %p
      समय:
      \#{Time.now}
    - Post.all.each do |post|
      %article
        %h2= post.title
        %div= post.body