HTML থেকে Pug রূপান্তরকারী
HTML কোডকে দ্রুত Pug কোডে রূপান্তর করুন। স্থানীয় ব্রাউজার রূপান্তর সমর্থন করে, কোড সম্পাদক এবং স্বয়ংক্রিয় সম্পূর্ণ করার ফাংশন রয়েছে।
HTML ইনপুট
Pug আউটপুট
ব্যবহারের নির্দেশাবলী
HTML কোড ইনপুট দিন
বাম পাশের ইনপুট বক্সে রূপান্তর করতে চান HTML কোড পেস্ট করুন বা লিখুন।
রূপান্তরটি সম্পাদন করুন
HTML কোডকে Pug ফরম্যাটে রূপান্তর করতে "Pug-এ রূপান্তর করুন" বাটনে ক্লিক করুন।
ফলাফল দেখুন
ডান পাশের আউটপুট বক্সে রূপান্তরিত Pug কোড দেখুন।
ফলাফল ব্যবহার করুন
আপনার প্রজেক্টের জন্য রূপান্তরিত Pug কোড কপি করুন বা ডাউনলোড করুন।
Pug টেমপ্লেট ইঞ্জিনের মৌলিক জ্ঞান
Pug কি?
Pug (পূর্বে Jade) হলো একটি উচ্চ-প্রদক্ষতা টেমপ্লেট ইঞ্জিন, যা HTML-এর রূপে কম্পাইল করা হয় এবং Node.js পরিবেশে ব্যাপকভাবে ব্যবহৃত হয়। Pug একটি সংক্ষিপ্ত, সুন্দর সিনট্যাক্স প্রদান করে, যার মাধ্যমে ডেভেলপাররা কম কোড দিয়ে স্ট্রাকচার্ড HTML পৃষ্ঠা লিখতে পারে, সেইসাথে ভেরিয়েবল, মিক্সিন, শর্ত সিদ্ধান্ত ইত্যাদি উন্নত বৈশিষ্ট্যগুলির সমর্থন পায়।
Pug-এর প্রধান সুবিধা
সংক্ষিপ্ত সিনট্যাক্স, অপ্রয়োজনীয় কোড কমায়
ইন্ডেন্ট-ভিত্তিক সিনট্যাক্স, কোডের পঠনযোগ্যতা বাড়ায়
টেমপ্লেট উত্তরাধিকার ও অন্তর্ভুক্তি সমর্থন করে
শক্তিশালী লজিক এক্সপ্রেশন সমর্থন
স্বয়ংক্রিয় এস্কেপিং, নিরাপত্তা বাড়ায়
JavaScript ইকোসিস্টেমের সাথে নিখুঁতভাবে একীভূত
HTML ও Pug সিনট্যাক্স তুলনা
<div class="container">
<h1>স্বাগত পৃষ্ঠা</h1>
<p class="description">
এটি একটি নমুনা প্যারাগ্রাফ
</p>
<ul>
<li>লিস্ট আইটেম 1</li>
<li>লিস্ট আইটেম 2</li>
</ul>
</div>
.container
h1 স্বাগত পৃষ্ঠা
p.description
| এটি একটি নমুনা প্যারাগ্রাফ
ul
li লিস্ট আইটেম 1
li লিস্ট আইটেম 2
সাধারণ Pug সিনট্যাক্স উদাহরণ
h1 শিরোনাম টেক্সট
div.container#main
a(href='link', title='শিরোনাম')
div p নেস্টেড টেক্সট
//- আউটপুট দিবে না এমন মন্তব্য // আউটপুট দিবে এমন HTML মন্তব্য
- var name = 'ব্যবহারকারী' p= name
রূপান্তরের সাথে যুক্ত সতর্কতা
- জটিল HTML স্ট্রাকচারগুলির জন্য Pug-এর সেরা অনুশীলন অনুসরণ করতে ম্যানুয়ালভাবে সমायोजनের প্রয়োজন হতে পারে
- Pug কঠোর ইন্ডেন্টের উপর নির্ভর করে, নিশ্চিত করুন যে রূপান্তরিত কোডের ইন্ডেন্ট সঠিক
- HTML-এর স্ক্রিপ্ট এবং স্টাইল ব্লকগুলি রূপান্তর করার পরে বিশেষ ব্যবস্থা প্রয়োজন হতে পারে
- বৃহৎ প্রজেক্টের জন্য, প্রফেশনাল Pug রূপান্তরকারী বা ফ্রেমওয়ার্ক প্লাগইন ব্যবহার করার পরামর্শ দেওয়া হয়
API开发平台
快速构建、测试和部署API
推荐工具
XML ফরম্যাটার টুল - XML কোড সুন্দর ও সংকুচিত করার জন্য বিনামূল্যে অনলাইন টুল
বিনামূল্যে অনলাইন XML ফরম্যাটার টুল যা XML কোড সুন্দর করা, সংকুচন, ভ্যালিডেশন ইত্যাদি ফাংশন সমর্থন করে, আপনার XML কোডকে আরও মানদণ্ডিত ও পাঠযোগ্য করে। রিয়েল-টাইম ফরম্যাটিং প্রিভিউ প্রদান করে এবং অনেক XML ফরম্যাট অপশন সমর্থন করে।
XML থেকে JSON - বিনামূল্যে অনলাইন রূপান্তর টুল
XML থেকে JSON টুল XML ফরম্যাট স্ট্রিং এবং JSON ফরম্যাট স্ট্রিং এর পার্সিং ও রূপান্তর করতে পারে, এবং রূপান্তরিত স্ট্রিংকে ফরম্যাট করে।
YAML ফরম্যাটিং - ফ্রি অনলাইন YAML টুল
ফ্রি অনলাইন YAML ফরম্যাটিং এবং সৌন্দর্যকরণ টুল যা স্বয়ংক্রিয় ইনডেন্টেশন সামঞ্জস্য, সিনট্যাক্স হাইলাইটিং এবং অতিরিক্ত স্পেস অপসারণ সমর্থন করে, আপনার YAML কোডকে স্পষ্ট এবং পড়তে সহজ করে। ইনস্টলেশনের প্রয়োজন নেই, এক ক্লিকে ফরম্যাট করে YAML ফাইলের পাঠযোগ্যতা এবং রক্ষণাবেক্ষণ দক্ষতা বাড়ায়!
অনলাইন জাভাস্ক্রিপ্ট ফরম্যাটার এবং মিনিফায়ার - JS কোড সুন্দর করুন, অপ্টিমাইজ করুন এবং অবফুসকেট করুন
জাভাস্ক্রিপ্ট (JS) কোড ফরম্যাট এবং কম্প্রেস করার জন্য একটি শক্তিশালী অনলাইন টুল। কাস্টম ইন্ডেন্টেশন (ট্যাব বা স্পেস), কোড ফোল্ডিং/এক্সপ্যান্ডিং, অটো ওয়ার্ড র্যাপ, ওয়ান-ক্লিক বিউটিফিকেশন এবং JS স্ক্রিপ্টগুলি দক্ষতার সাথে কম্প্রেস/অবফুসকেট করার সমর্থন করে, যা ডেভেলপারদের কোডের পাঠযোগ্যতা উন্নত করতে, ফাইলের আকার কমাতে এবং ওয়েবসাইটের কর্মক্ষমতা অপ্টিমাইজ করতে সহায়তা করে।
YAML থেকে JSON কনভার্টার - ফ্রি অনলাইন টুলবক্স
অনলাইন YAML (YML) এবং JSON ফরম্যাটের মধ্যে পারস্পরিক রূপান্তর টুল, YAML ডেটা এবং JSON ডেটার মধ্যে পারস্পরিক রূপান্তর সমর্থন করে, সেইসাথে ইনপুট করা YAML ফরম্যাট ডেটা এবং JSON ফরম্যাট ডেটা সঠিক কিনা যাচাই করে।