jsonecho

LWC Formatter

Salesforce-এর জন্য Lightning Web Component (LWC) HTML টেমপ্লেট ফরম্যাট করুন।

টুলটি লোড হচ্ছে...

LWC Formatter কীভাবে ব্যবহার করবেন

  1. আপনার কোড পেস্ট করুন। প্রথমবার ফরম্যাটার ইঞ্জিন কিছুক্ষণে লোড হয়।
  2. দরকার হলে অপশন সামঞ্জস্য করুন।
  3. ফরম্যাট করা ফলাফল কপি করুন।

LWC Formatter সম্পর্কে

LWC টেমপ্লেট HTML-এর মতো দেখায়, তবে এর বাইন্ডিং উদ্ধৃতিচিহ্ন ছাড়া লেখা হয়: "{{value}}"-এর বদলে {value}। সাধারণ HTML ফরম্যাটার সেখানে উদ্ধৃতিচিহ্ন যোগ করে কম্পোনেন্ট ভেঙে দিতে পারে। এটি LWC নিয়ম জানে এবং বাইন্ডিং যেমন থাকা উচিত তেমনই রাখে।

for:each ও if:true-এর মতো ডিরেক্টিভ যেমন লেখা তেমনই থাকে।

সচরাচর জিজ্ঞাসিত প্রশ্ন

কেন HTML ফরম্যাটার ব্যবহার করব না?

এটি উদ্ধৃতিচিহ্নহীন বাইন্ডিংকে অবৈধ HTML ধরত এবং সেগুলোর চারপাশে উদ্ধৃতিচিহ্ন যোগ করতে পারত। এটি টেমপ্লেটকে LWC হিসেবে পার্স করে।

এটি কি JavaScript ফাইল ফরম্যাট করে?

না, শুধু টেমপ্লেট। কম্পোনেন্টের JS অংশের জন্য Babel Formatter ব্যবহার করুন।

এটি কি Salesforce-এর সঙ্গে সম্পর্কিত?

না। LWC হলো Salesforce-এর একটি ফ্রেমওয়ার্ক এবং এই টুল কেবল এর টেমপ্লেট সিনট্যাক্স ফরম্যাট করে।

প্রথমবার চালাতে কেন এক সেকেন্ড লাগল?

এই ভাষার ফরম্যাটিং ইঞ্জিন প্রথমবার ব্যবহারের সময় ডাউনলোড হয়, তারপর আপনার ব্রাউজার এটি ক্যাশ করে। এরপর ফরম্যাটিং তাৎক্ষণিক এবং কিছুই আপনার মেশিন ছাড়ে না।

কোড ফরম্যাটার-এ আরও

সব টুল →
JavaScript Pretty PrintJavaScript প্রিটি প্রিন্ট করুন যাতে পড়তে পারেন।ফরম্যাটCSS Pretty PrintCSS প্রিটি প্রিন্ট করুন যাতে প্রতিটি নিয়ম ও প্রপার্টি পড়তে সহজ হয়।ফরম্যাটCSS Minifyসবচেয়ে ছোট CSS পেতে মন্তব্য ও হোয়াইটস্পেস সরান।সংকুচিত করুনC# FormatterC# কোড ইন্ডেন্ট করুন এবং ব্রেস ও স্টেটমেন্ট নিজস্ব লাইনে রাখুন।ফরম্যাটJava FormatterJava কোডকে পাঠযোগ্য লেআউটে ফিরিয়ে আনুন: প্রতি লাইনে একটি স্টেটমেন্ট, ব্রেস ইন্ডেন্ট করা।ফরম্যাটGraphQL FormatterGraphQL কোয়েরি ও স্কিমা ফরম্যাট করুন যাতে নেস্টেড সিলেকশন পড়তে সহজ হয়।ফরম্যাটAngular FormatterAngular কম্পোনেন্ট টেমপ্লেট তাদের স্ট্রাকচারাল ডিরেক্টিভ ও বাইন্ডিংসহ ফরম্যাট করুন।ফরম্যাটVue Formatterএকটি Vue সিঙ্গেল-ফাইল কম্পোনেন্ট ফরম্যাট করুন: template, script ও style একসঙ্গে।ফরম্যাট