HTML to Slim कन्वर्टर
HTML/ERB को Slim में आसानी से बदलें। उन Rails डेवलपर्स के लिए बनाया गया है जो साफ-सुथरा और संरचित कोड पसंद करते हैं।
यह टूल क्या है?
यह मुफ्त ऑनलाइन कन्वर्टर आपको HTML और ERB (एम्बेडेड रूबी) टेम्पलेट्स को तुरंत साफ, न्यूनतम Slim कोड में बदलने की सुविधा देता है। यह रूबी ऑन रेल्स डेवलपर्स के लिए एक बेहतरीन विकल्प है जो अपने व्यूज़ को आधुनिक और सरल बनाना चाहते हैं।
कैसे उपयोग करें
- अपने HTML+ERB कोड को संपादक में पेस्ट करें या टाइप करें।
- Slim कोड उत्पन्न करने के लिए Convert पर क्लिक करें।
- 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