Online Tool Store
HTML কোড এডিটর
আপনার ব্রাউজারে একটি পরিপাটি ডেভেলপার ওয়ার্কস্পেসে শিরোনাম, সম্পাদনা মোড, প্রিভিউ ও এক্সপোর্ট নিয়ন্ত্রণসহ HTML নথি প্রস্তুত করুন।
🔒 এই টুলটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। আপনার ফাইল কখনও সার্ভারে আপলোড করা হয় না।
ডেভেলপার
এইচটিএমএল কোড এডিটর
ওয়ার্কস্পেস
ট্যাগ উইজার্ড — এইচটিএমএলে যোগ করতে ক্লিক করুন
কনসোল
প্রিভিউ থেকে কনসোল আউটপুট এখানে দেখা যাবে।
শুধুমাত্র ফ্রন্টএন্ড প্রিভিউ — কোডটি আপনার ব্রাউজারে একটি স্যান্ডবক্সড আইফ্রেমে চলে; কিছুই আপলোড বা সার্ভারে পাঠানো হয় না।
এইচটিএমএল কোড এডিটর যেভাবে কাজ করে
- HTML, CSS এবং JavaScript ট্যাবে মার্কআপ, স্টাইল এবং স্ক্রিপ্ট লিখুন বা পেস্ট করুন — অথবা কার্সারের অবস্থানে একটি রেডিমেড স্নিপেট যোগ করতে ট্যাগ উইজার্ড বোতামে (H1, ছবি, iframe, তালিকা, টেবিল এবং আরও অনেক) ক্লিক করুন।
- এডিটরের পাশে একটি লাইভ, স্যান্ডবক্সড প্রিভিউ দেখাতে Run চাপুন (বা কেবল টাইপ করতে থাকুন), এবং নিচের Console প্যানেলে আপনার স্ক্রিপ্টের console.log আউটপুট ও রানটাইম ত্রুটি দেখুন।
- আপনার শিরোনাম, স্টাইল এবং স্ক্রিপ্ট অন্তর্ভুক্ত একটি একক স্বয়ংসম্পূর্ণ ফাইল সংরক্ষণ করতে Download HTML ক্লিক করুন।
FAQ
এটি কি আমার HTML প্রকাশ করে?
না। আপনার কোড সম্পূর্ণভাবে আপনার ব্রাউজারে একটি স্যান্ডবক্সড iframe-এ রেন্ডার হয়। এটি কখনও আপলোড করা হয় না, সার্ভারে সংরক্ষণ করা হয় না, বা কোনো তৃতীয় পক্ষের সার্ভিসে পাঠানো হয় না।
আমি কি আমার স্ক্রিপ্টের ত্রুটি ও লগ আউটপুট দেখতে পারি?
হ্যাঁ — প্রিভিউ চালু হওয়ার সঙ্গে সঙ্গেই এডিটরের নিচের Console প্যানেল আপনার স্ক্রিপ্টের console.log আউটপুট ও রানটাইম ত্রুটি দেখায়।
আমি কি আমার HTML ফাইল এক্সপোর্ট করতে পারি?
হ্যাঁ। আপনার CSS ও JavaScript অন্তর্ভুক্ত এবং ডকুমেন্ট শিরোনাম প্রয়োগ করা একটি একক .html ফাইল সংরক্ষণ করতে Download HTML ক্লিক করুন, যা যেকোনো জায়গায় খোলা বা হোস্ট করার জন্য প্রস্তুত।
আমাকে কি কিছু ইনস্টল করতে বা সাইন আপ করতে হবে?
না। এডিটর, লাইভ প্রিভিউ এবং কনসোল সবই আপনার ব্রাউজার ট্যাবে চলে — ইনস্টল করার কিছু নেই এবং কোনো অ্যাকাউন্টের প্রয়োজন নেই।
আমি কি শুধু HTML নয়, CSS ও JavaScript-ও লিখতে পারি?
হ্যাঁ। HTML ট্যাবের পাশে আলাদা CSS ও JavaScript ট্যাব রয়েছে, এবং তিনটিই লাইভ প্রিভিউ ও ডাউনলোড করা ফাইলে একত্রিত হয়।
আমরা কীভাবে তুলনীয়
| ফিচার | Online Tool Store | ডেস্কটপ এডিটর | হোস্টেড প্লেগ্রাউন্ড |
|---|---|---|---|
| নিবেদিত এইচটিএমএল এডিটিং ইউআই | ✓ | ✓ | ✓ |
| অ্যাকাউন্টের প্রয়োজন নেই | ✓ | ✓ | ভিন্ন হতে পারে |
| শুধু ব্রাউজার ফ্রন্টএন্ড | ✓ | ✗ | ভিন্ন হতে পারে |