HTML to Haml Converter

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

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

नमूना

🚀 358,911 कुल रूपांतरण (33 इस महीने)

🔥 दूसरे डेवलपर्स क्या सीख रहे हैं? अभी जानें

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

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

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

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

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

Haml क्यों?

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

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

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

Haml का उपयोग कई रूबी शॉप्स और डेवलपर्स द्वारा तेजी से रेल्स विकास के लिए किया जाता है, जिसमें 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