একসময়, ভিজুয়াল HTML এডিটর সকল রেজ। আপনি একটি ব্রাউজার-লাইক প্রোগ্রাম খুলতেন এবং শুধু টাইপ করতেন আপনার পেজগুলো, সোর্স কোড, স্ক্রিপ্ট, বা এমনকি লুকস্বি চিন্তা না করে। ম্যাজিক কোথাও পেছনে ঘটত। ধীরে ধীরো, অনলাইন CMS এসে থাকতে শুরু করল, এবং সময়ের সাথে সাথে আধুনিক নর্ম হয়ে উঠল। কিন্তু আপনি যদি অফলাইন লিখতে চান?
এটি কিছুটা প্যারাডক্সের মত শোনা যায়—আপনি আপনার ম্যাটেরিয়াল একদিন আপলোড করবেন। তবুও, অফলাইন ম্যানারে লিখতে পারার সুবিধা ও সুবিধা রয়েছে। আরো, আপনি যদি কোনো CMS ব্যবহার না করেন, পিউর HTML লেখা কষ্টসাধ্য। একটি সুন্দর ফ্রন্টএন্ড আপনাকে ফোকাস করতে সাহায্য করে সেটা ওপর যা আপনি লোকদের পড়তে চান, না कि মেশিনগুলো কী ইন্টারপ্রেট ও ডিসপ্লে করবে। প্রশ্ন হলো, ২০১৮ সালে এটি কতটুকু কঠিন অর্জন করা?
HTML এডিটর, আপনার সার্ভিসে
একসময়, দজেন্স WYSIWYG এডিটর রয়েছিল, সবার নিজস্ব wonder, সেই সাথে নিজস্ব inconsistency, গারবেজ কোড এবং ফাংশন্যালিটির রেঞ্জ। আমি পুরনো Nvu-র সাথে ২০০৬ সালে পরিচিত হয়েছিলাম, Kompozer-এ আপগ্রেড করলাম যখন এটি এলো, এবং এরপর থেকে এটি ব্যবহার করছি কোনো রূপে অথবা অন্য, কারণ এটি কোড নিয়ে চিন্তা ছাড়া লিখার সাদگی দেয়, পлюস কিছু সিরিয়াস ইউজেবিলিটি বেনিফিট যা অন্য কোনো প্রোগ্রাম অফার করে না। কিন্তু, Kompozer অনেক দিন ধরে কোনো আপডেট পায়নি, এবং কিছু রিফ্রেশ দরকার। টেবিলে কী রয়েছে?
Bluefish
এই প্রোগ্রাম অনেক দিন ধরে আছে। এটি একটি পিউর WYSIWYG এডিটর নয়। সত্যি, এই সেন্সে এটি যেকোনো টেক্সট এডিটর থেকে ভিন্ন নয়। সেটা সেরা করবে হলো একটি এক্সটার্নাল ব্রাউজার লঞ্চ করে আপনার জন্য। decent見える, কিন্তু 궁극적으로, Bluefish ক্লাঙ্কি/নার্ডি ফিল দেয় এবং সেটা সত্যিকারের সিম্পল রাইটিংয়ের জন্য যা আমরা চাই সেটা নয়।
আরো, আমি ব্যবহার করার সময় বিভিন্ন সমস্যা ফেস করলাম। উদাহরণস্বরূপ, এর একটি খুব রিচ আউটপুট সাব-মেনু রয়েছে, এবং এটি কোড ভ্যালিডেট করতে পারে, HTML to XML কনভার্ট করতে পারে, HTML টিডি করতে পারে, এবং আরও, কিন্তু তারপর Tidy লঞ্চ করতে ফেলল, যদিও প্রোগ্রামটি সিস্টেমে ইনস্টলড রয়েছে।
Brackets
মডার্ন, স্লিক, এবং হয়তো কিছুটা ওভারওয়েলমিং, Brackets-কে ডেসক্রাইব করার সেরা উপায়। আসলে আমরা এই প্রোগ্রাম নিয়ে কিছুটা লেন্থে কথা বলেছিলাম আমার OCS-Mag আর্টিকেলে HTML এডিটর নিয়ে ২০১৫ সালে। এটি একটি ইউটিলিটি যা ক্লাসিক্যাল রাইটিং ওয়ার্ল্ড এবং নতুন মেটাডেটা-রিচ কোড রাইটিং ওয়ার্ল্ডের মধ্যে স্প্যান করার চেষ্টা করে। এটি আরও স্কিলড ব্যবহারকারীদের জন্য ডিজাইন করা, নতুনদের জন্য নয়। Brackets-এ লাইভ প্রিভিউ ফাংশন রয়েছে, কিন্তু এটি আপনি লিখার সময় আপনার পেজ কেমন দেখে সেটা রিয়েলি শো করে না। তাই মূলত, এটি ঠিক সেটা নয় যা আমরা খুঁজছি।
Bluegriffon (BlueGriffon)
এটি পুরনো Nvu এডিটরের সাক্সেসর—যেটি ফরক হয়েছিল Kompozer-এ, এখন লং ডিসকন্টিনিউড, যদিও সেটা Windows-এ এখনও পারফেক্টলি ইউজেবল, কমপক্ষে। লিনাক্সে, আপনাকে পুরনো লাইব্রেরি ব্যবহার করতে হবে, এবং এটা পেইনফুল হতে পারে। যাই হোক।
Bluegriffon লুকটা পারফেক্ট এবং এটি HTML5 খুব ভালো হ্যান্ডেল করে। কিছুখানি নিট অপশন রয়েছে সামগ্রিকভাবে, এবং এসেন্সে, এটি একমাত্র সত্য WYSIWYG যা এখনো আছে। যাই হোক, এটি অধিকাংশই সেটা করে যা করা উচিত, এবং নতুন ব্যবহারকারীরা কোড লেভেলের ইস্যুগুলোর থেকে অবগত নাও হতে পারে, আমি বিভিন্ন ইস্যু ফেস করলাম যা আমাকে চিন্তা করতে বাধ্য করলো অফলাইন HTML এডিটরের কি কোনো ভবিষ্যৎ রয়েছে।
Bluegriffon-এ কিছু গ্লেয়ারিং ইউজেবিলিটি প্রব্লেম রয়েছে। আপনি যদি ইমেজ যোগ করেন বা অন্য ডকুমেন্টে লিংক করেন, সেগুলো ডিফল্টভাবে অ্যাবসোলিউট পাথ হিসেবে মার্কড হয়—রিলেটিভ নয়—যে কারণ থেকে সব জায়গায় টেডিয়াস এক্সট্রা ক্লিক লাগে, অথবা ভাঙা পেজ হয়ে যায় আপনি যদি ভুলে যান। আপনি যদি জানতে চান আমি কী বুঝাচ্ছি, ধরুন আপনি dedoimedo.html নামে একটি পেজে লিংক করতে চান যা আপনার করেন্ট ফাইলের সেম ডিরেক্টরিতে রয়েছে। রিলেটিভ টার্মস-এ, a href="dedoimedo.html" একটি পারফেক্টলি বৈধ লিংক, এবং যতক্ষণ দুটি ফাইল সেম ডিরেক্টরিতে থাকে, এটি খুব ভালো কাজ করবে। অ্যাবসোলিউট মানে কিছুতে C:\dedoimedo\dedoimedo.html, যা অনলাইনে মিনিংলেস, এবং আপনার লোকাল কম্পিউটারের বাইরে প্রায় সব জায়গায় ব্রেক করবে।
আপনাকে ম্যানুয়ালি বক্সটি টিক করতে হবে। প্রতিবার। Bluegriffon শর্টকাটও ব্যবহার করে না Kompozer-এর মত—লিংক ইনসার্ট, ইমেজ বা স্পেলচেকার ইনভোক করার জন্য কোনো শর্টকাট নেই। মিডল ক্লিক কিছুই করেনা উপকারী, Kompozer-এ যেনো এটি ট্যাব (ডকুমেন্ট) ওপেন ও ক্লোজ করে, যেনো যেকোনো মডার্ন ব্রাউজার করত। আপনি যদি আপনার টেক্সটের একটি পোর্শন মার্ক করে সেটাকে নির্দিষ্ট উপায়ে স্টাইল করতে চান, আপনাকে প্রথমে এটাকে span হিসেবে ডিফাইন করতে হবে এবং তারপর ক্লাস/স্টাইল অ্যাপ্লাই করতে হবে, যেখানে Kompozer এটি অটোমেটিক্যালি করে, আপনার ক্লিক ও মাউস অ্যাকশন বাঁচায়। শেষে, Bluegriffon কোডও চেঞ্জ করে, পরে সেটা নিয়ে কথা বলব।
SeaMonkey (Composer)
যখন আমি বললাম Bluegriffon একমাত্র সত্য WYSIWYG যা আছে, ঠিক, আমি একটু এক্সেজারেট করলাম। তাদের মধ্যে যারা বর্তমানে সক্রিয়ভাবে ডেভেলপ ও সাপোর্টেড, এবং যেগুলো আমি টেস্ট করলাম, সেখানে কablement দুটি হয়েছে, বরং, তারা খুব, খুব টাইটলি রিলেটেড। Jack-o'-All-Trades SeaMonkey suite-ও Composer-র সাথে আসে (এটাকে Kompozer থেকে আলাদা করুন), এবং এটি সাদৃশ্য ফাংশন্যালিটি অফার করে কিছুটা ভিন্ন লুকসহ Bluegriffon-এর মত।
এসেনশিয়ালি একই সুবিধা ও পিটফল রয়েছে, HTML5 সাপোর্ট এবং ইমেজের সাথে ইস্যু সহ। এখানে, সমস্যাটি একটি ভিন্ন উপায়ে ম্যানিফেস্ট করে। কিছু পেজে, এটি কোনো নতুন ইমেজ লিংক করত না। অন্যগুলোতে, এটি সবসময় অ্যাবসোলিউট পাথ (file:/// প্রিফিক্সড) দিয়ে শুরু করে, এবং Relative URL চেকবক্স গ্লে-আউটড থাকে। আপনাকে আসলে ম্যানুয়ালি URL এডিট করতে হবে এবং নন-রিলেটিভ অংশ স্ট্রিপ আউট করতে হবে আগে আপনি সেটা কাজ করতে পারবেন। এটি স্লো এবং টেডিয়াস। এবং এমনকি SeaMonkey-র একটি বাটন রয়েছে যা বলে সোর্স ফরম্যাটিং প্রিজার্ভ করবে, এটি সত্যি সেটা করে না। কোড চেঞ্জ নিয়ে পরে বলব।
সামগ্রিকভাবে, কিছুখানি আশ্চর্য ক্লাঙ্কি অপশন রয়েছে, যা আমি খুব অদ্ভুত মনে করি কারণ সেগুলো Kompozer-এ অনেক আগে রিসলভ করা হয়েছিল। লিনাক্সে সেটআপও কিছু ৩২-বিট লাইব্রেরি দরকার, অন্যথায় আপনি নিচের এরর পেতে পারেন:
XPCOMGlueLoad error for file /home/roger/Downloads/seamonkey/libmozgtk.so:
libgtk-3.so.0: cannot open shared object file: No such file or directory
Couldn't load XPCOM.
আমার জন্য, প্রয়োজনীয় লাইব্রেরির ফুল সেট (যা অটো-রিসলভ ডিপেন্ডেন্সি) নিচেরগুলো ছিল—টেস্ট করা হয়েছে বিভিন্ন guise এবং forms-এ 64-বিট openSUSE KDE, Kubuntu এবং Ubuntu-এ।
libgtk-3-0-32bit libgthread-2_0-0-32bit libXt6-32bit
Kompozer (KompoZer)
পুরনো এবং বিশ্বস্ত ওয়ার্কহোর্স। Kompozer-এ HTML5 এবং CSS3-এর সাপোর্ট নেই, তাই আপনি যদি মডার্ন কোড লোড করার চেষ্টা করেন তবে জিনিসগুলো আড্ড দেখাবে। অন্যদিকে, এটি目前为止 সবচেয়ে স্ট্রিমলাইনড ওয়ার্কফ্লো, শর্টকাটস, রিলেটিভ লিংক, এবং কয়েকটি কুইকি যা অন্য সব প্রোগ্রাম মিস করে। লেটেস্ট রিলিজ ২০০৭-এ, কিন্তু ২০১০-এ একটি বেটা ভার্সন রয়েছে। গালি।
HTML Tidy
যে হয়, আমি এই টপিকেও লিখেছিলাম, ২০০৯ সালে, প্রায় এক দশক আগে। আমি আপনাকে HTML Tidy-এর আশ্চর্য দেখিয়েছিলাম, যা তখন অনেক guise এবং forms-এ উপলব্ধ ছিল, একটি Firefox এক্সটেনশন (good ole days) এবং একটি Notepad++ প্লাগইন সহ। একটি GUI রয়েছিল, এবং একটি আলাদা টুল CSS প্রিটিফাই করার জন্য। চয়েস অনেক এবং প্লেন্টি ছিল।
২০১৮ সালে, জিনিসগুলো কিছুটা ভিন্ন। ओरিজিনাল Tidy কিছুটা মরল, কিন্তু তারপর এটি পুনর্জীবিত হয়েছে সম্প্রতি, HTML5 কমপ্লায়েন্ট করার ফোকাসে। এখন এটি একটি স্ট্যান্ডঅ্যালোন প্রোগ্রাম, একটি লোডেবল লাইব্রেরি (DLL) হিসেবে বাস করে, এবং Notepad++ প্লাগইন হিসেবে ইনস্টল করা যায় Tidy2 নামে।
সেটআপ প্রব্লেমস
তবে সবকিছু স্মুথ সেলিং নয় Cape Good Code-এ। আমি দেখতে চাইলাম নতুন Tidy কতটা ভালো কাজ করে। লিনাক্সে, আমার ইতিমধ্যে পুরনো Tidy ইনস্টলড ছিল, এবং আমাকে ফোর্স অনইনস্টল করতে পড়লো সেটা এবং এর asosieated লাইব্রেরিগুলো নতুন টা ইনস্টল করার আগে। কমপক্ষে সবকुछ রিপো থেকে আসে, তাই আপনাকে ঘাম দিতে হবে না।
উইন্ডোজে, স্ট্যান্ডঅ্যালোন এবং DLL সব ঠিকঠাক কাজ করে। Notepad++-এ, আপনি শুধু ৩২-বিট ভার্সন প্রোগ্রামের সাথে প্লাগইন ব্যবহার করতে পারেন। পুরনো HTML Tidy সম্পূর্ণ ব্রোকেন, এবং আপনি যদি চেষ্টা করেন রান করার, Notepad++ সেটাকে ডিজেবল করবে। নতুন টা পেতে, আপনাকে প্রথম টেক্সট এডিটর আপডেট করতে হবে লেটেস্ট ভার্সনে এবং তারপর এর প্লাগইন ম্যানেজার ব্যবহার করে Tidy2 ইনস্টল করতে হবে, যা tidy-html5-ভিত্তিক। সেটা।
আপনি স্ট্যান্ডঅ্যালোন ভার্সনও অন-ডিমান্ড ব্যবহার করতে পারেন Kompozer-এ। এটি অদ্ভুত শোনা যায়, কিন্তু Kompozer-র নিজস্ব এক্সটেনশন রয়েছে, HandCoder নামে, যা Tidy executable অন-ডিমান্ড ইনভোক করতে পারে। টেকনিক্যালি, আপনি এর পাথ যেকোনো ভার্সন অফ Tidy-এ সেট করতে পারেন, লেটেস্ট বিল্ডসহ (Nov 2017 আমার টেস্টে), এবং এটি সেগুলো ঠিকমতো রান করবে পুরনো এবং মডার্ন HTML পেজের বিলাফে। ফ্যাক্ট, ২০০৭ Kompozer এবং এর লং-আউটডেটেড HandCoder এক্সটেনশন Tidy ভার্সন ২০০৫ থেকে ২০১৭ পর্যন্ত সমন করতে পারে। নাইস।
নতুন Tidy ব্যবহার
সামগ্রিকভাবে, প্রোগ্রামটি ভালো কাজ করতে মনে হয়। আমি বিশেষভাবে Tidy2-র সাথে ইম্প্রেসড ছিলাম, যা একটি অনেক Wider রেঞ্জ অফ ফ্ল্যাগস ও অপশন অফার করে মনে হয়। অনলাইন রেফারেন্স একটি decent টাইম কিলার, এবং আপনি কয়েক ঘন্টা কাটাতে পারেন সব কিছু কীভাবে কাজ করে সেটা বুঝতে চেষ্টা করলে।
সব কী বলল, নতুন Tidy/Tidy2 কোড কীভাবে ম্যানিপুলেট করে সেটার সাথে অনেক সমস্যা ও রয়েছে, এবং আমি এটা কিছুটা আড্ড মনে করি যে যেরা এটি ডেভেলপ করেছে—সিরিয়াস এবং স্মার্ট nerds যারা তারা—কিছু রাদার очевид চয়স সম্পর্কে চিন্তা করেননি কীভাবে তাদের লিটেল প্রোগ্রাম টিডিড মার্কআপ আউটপুট করে।
Tidy2-র ওপর ফোকাস করে, প্রথমে, এটি স্পেস ব্যবহার করে কোড ইন্ডেন্ট করতে—ট্যাব নয়। বড় ডকুমেন্টের জন্য এটি অপচয়, কারণ আপনি বেশি ক্যারেক্টার দিয়ে শেষ করবেন, এবং পর্য Império larger files। ১K ট্যাব ৪K স্পেস হয়। দ্বিতীয়, এটি কোড ম্যাঙ্গল করে, স্ক্রিপ্ট এবং স্ক্রিপ্ট অ্যাট্রিবিউটসহ। এটি বড় সমস্যা হতে পারে আপনি যদি Javascript স্নিপেট ইত্যাদি ব্যবহার করেন Google (Adsense বা Analytics) মতো পাবলিশার থেকে, যারা ম্যান্ডেট করে আপনি তাদের জিনিস as is ব্যবহার করবেন। এটি স্পেশাল ক্যারেক্টারও রিপ্লেস করে যেমন কোটেশন মার্ক বা ampersand, যা স্ক্রিপ্ট এবং তাদের URL ব্রেক করতে পারে।
এই পয়েন্টে, আমি অবেলেবল রেফারেন্স পেজগুলো কনসাল্ট করলাম—সেগুলো Notepad++ ইন্টারফেসের মাধ্যমে অফলাইন পেজ হিসেবে আসে, অথবা আপনি অনলাইন পড়তে পারেন, যদিও সেই লিস্ট ২০০৮ পর্যন্ত ডেটেড মনে হয়। আপনার তিনটি কনফিগারেশন রয়েছে, এবং আপনি সেগুলো আলাদা আলাদা টুইক করতে পারেন।
যাই হোক, কনফিগ কিছুতে মনে হয়:
indent: auto
indent-spaces: 2
wrap: 120
markup: yes
output-xml: yes
input-xml: no
quote-marks: no
quote-nbsp: no
quote-ampersand: no
...
আমি অনেক ঘন্টা ট্রায়াল অ্যান্ড এরর দিয়ে শিখলাম, আপনি যদি আপনার কোড যতটুকু সম্ভব pristine রাখতে চান, লুকসহ এবং ফাংশন্যালিটিসহ, তবে আপনাকে নিচের ভেরিয়েবলগুলো সেট করতে হবে:
quote-marks: no
quote-nbsp: no
quote-ampersand: no
preserve-entities: yes
literal-attributes: yes
কমপক্ষে নিচের পাঁচ লাইন নিশ্চিত করবে আপনার URL এবং স্ক্রিপ্ট ভ্যারিয়েবল অপরিবর্তিত থাকে। কিন্তু Tidy2 (এবং Tidy নিশ্চয়ই) এখনও এডিট ও চেঞ্জ করবে forms এবং ins ব্লকস, আপনি না চাইলেও, যাতে এর ব্যবহার থার্ড-পার্টি কোড স্নিপেটসের পাশাপাশি ভার্চুয়ালি ім্পসিবল। উদাহরণস্বরূপ, এটি কখনোও কাজ করবে না:
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-xxxxxxxxxx"
data-ad-slot="yyyyyyyyyy"></ins>
এটি আমাকে কয়েকটি কী পয়েন্টে নিয়ে আসে—Tidy কেন কিছু কোডের অংশ স্কিপ করার অপশন দেয় না। এবং কেন কোডকে নাইসলি মার্কআপ করা পসিবল নয় কোনো ম্যানিপুলেশন ছাড়া। Tidy tidy করা উচিত—নট ভ্যালিডেট কোড—অথবা কমপক্ষে, এটি অপশনাল হওয়া উচিত। প্রিটি লুকসের কথা হলে, আমি আমার নিজের লিটেল প্রোগ্রাম recursive LDD-এ কিছু সাদৃশ্য ইমপ্লিমেন্ট করেছি, যা LDD প্রোগ্রামের একটি রিকার্সিভ ইমপ্লিমেন্টেশন। যখনই এটি স্ক্রিনে কোড আউটপুট করে, এটি ক্যালকুলেট করে কতটা ট্যাবুলেশন রিকвайারড ইন্ডেন্ট করার জন্য প্রিন্টেড টেক্সটের জন্য সেপারেটর (ট্যাব) x রিকার্সিভ ফাংশনে এন্ট্রির নাম্বার বেসিসে। একই জিনিস এখানেও করা যেতে পারে HTMLকে XML-এ রূপান্তর করা ছাড়া।
এখানে, আমরা অন্যান্য সমস্যা মুখোমুখি হই। আপনি যদি markup=no সিলেক্ট করেন, Tidy ডকুমেন্টকে ক্লিন উইপ করবে। আপনি যদি output=html বেছে নেন, এটি কিছুই করবে না—ইন্ডেন্ট করবে না এবং/অথবা ব্ল্যাঙ্ক লাইন ডিলিট করবে না।
অন্যান্য inconsistency
সর্বোচ্চ, আউটপুট কেমন দেখাবে সেটার ওপর কোনো স্ট্যান্ডার্ড মনে হয় নাই। Tidy-র সাথে গত ১২-১৩ বছর কাজ করার পর, আমি কমপক্ষে তিন-চার ভিন্ন উপায়ে এটি কোড ম্যানিপুলেট করে দেখেছি। উদাহরণস্বরূপ, ২০০৫ ভার্সন প্যারাগ্রাফ ফরম্যাট করে নিচের মত:
<p>
Text here
</p>
যাই হোক, নতুন Tidy এটি এইভাবে করে:
<p>Text here</p>
পুরনো Tidy নেক্সট-লাইন ড্রপ এবং তারপর ইন্ডেন্ট ব্যবহার করত সব এলিমেন্টের জন্য। নতুন Tidy এটি শুধু কিছু এলিমেন্টের জন্য করে (যেমন divs), কিন্তু প্যারাগ্রাফ এবং লিস্টের জন্য না। তারপর, কোড ইনক্যাপসুলেশনের বিষয়। ২০০৫ Tidy স্ক্রিপ্টে কোনো পরিবর্তন করত না—যদিও এখনও forms এবং ins ম্যাঙ্গল করত। ২০০৯ Tidy আসলে কোডকে <![CDATA[]]> ব্লকে র্যাপ করত। লেটেস্ট Tidy أسেন্সিয়ালি ২০০৫ ভার্সনের মত behave করে, ছাড়া এটি একটি প্রায় র্যান্ডম নম্বর অফ ইন্ডেন্ট স্পেস যোগ করে, স্ক্রিপ্টকে ডিপে ধাক্কা দিয়ে কোড ব্লকে, কোনো উপায়ে 'tidied' হায়ারার্কি আউটপুটের সাথে রিলেটেড নয়। আপনি কল্পনা করতে পারেন, এটি একটি বড় প্রব্লেম প্রেজেন্ট করে, বিশেষ করে আপনার টন ফাইল থাকলে, এবং আপনি চান না একটি প্রোগ্রামের আউটপুট ম্যানুয়ালি ভ্যালিডেট করতে যা সাপোজডলি আপনার জন্য চেঞ্জ করবে।
কোড আউটপুট ও অন্যান্য HTML এডিটরের সাথে সমস্যা
হায়, Tidy একমাত্র নয় যা অনিচ্ছাকৃত চেঞ্জ করে HTML কোডে। Bluegriffonও তার জিনিস করে। এটি যদি পুরনো সিন্ট্যাক্স এনকাউন্টার করে ওপেন প্যারাগ্রাফ ব্র্যাকেট, নিউ লাইন, টেক্সট, নিউ লাইন, ক্লোজ প্যারাগ্রাফ ব্র্যাকেট, এটি তখন ইনলাইন করে কোডটিকে এইভাবে:
<p> Text here </p>
এটি আসলে ব্লকের শুরু ও শেষে দুটি স্পেস অ্যাড করে। সবচেয়ে খারাপ, এগুলো স্ক্রিনে ডিসপ্লে হয় না, তাই আমি চিন্তা করছি পেছনে কী ঘটছে, এবং কেন এই বিড়াল কনভেনশন। এটি অন্যান্য এলিমেন্টের মাঝপথেও এই স্পেস যোগ করে, যেমন ইমেজ এবং ক্লোজিং divs এবং সাদৃশ্য। মэдেনিং।
Bluegriffon-র নিজস্ব মার্কআপ ফাংশনও রয়েছে—আমি ট্রাই করলাম—এবং এটি কোডের কিছু চেঞ্জ করল, কিন্তু প্রতিবার ভিন্ন নম্বরের লাইন শো করল। একবার এডিট হলে, মার্কআপ করা পেজগুলো horribly ম্যাঙ্গল্ড হয়ে গেল। কিছু divs পুরোপুরি বর্বাদ হয়ে গেল। লাস্ট বাট নট দ্য লীস্ট, Bluegriffon forms এবং ins ব্লকসও ম্যাঙ্গল করে।
SeaMonkey (Composer)-এর সাদৃশ্য ইস্যু রয়েছিল। এটি প্যারাগ্রাফ লাইনও চেঞ্জ করল, শুধু এটি নিজস্ব স্টাইলিং ব্যবহার করল, মানে এক্সট্রা ট্যাবস প্লাস প্যাডিং স্পেসেস। এবং সঠিক বক্স চেক করা থাকলেও, এটি সোর্স এডিট করল, ins ব্লকস ম্যাঙ্গল করল।
উপসংহার
হ্যাঁ, আমি জানি। স্ট্যান্ডঅ্যালোন কোড লেখা সম্ভবত "মডার্ন" উপায় নয় জিনিস করার। তারপর, আপনি যদি একটি সিম্পল HTML/CSS জব করতে চান বৈধ কোডের সাথে, আপনি সিরিয়াস ট্রাবলে পড়বেন, কারণ আপনাকে চয়স করতে হবে টেক্সট এডিটর এবং কোড-মাঞ্চিং ভিজুয়াল এডিটরের মাঝপথে যারা সত্যিকারের তাদের প্রফেশনে শাইন করে না। প্লাস, কোড টিডিঙের কথা হলে, my oh my, এটি Wild Wild West। সতর্ক থাকুন, কারণ আপনি আসলে আপনার স্ক্রিপ্ট ও ফর্ম ব্রেক করতে পারেন, এবং সবচেয়ে খারাপ, কোনো কনভেনশন মনে হয় নাই কীভাবে আপনার কোড ব্রেক হওয়া উচিত। শেষে, CMS ওয়ার্ল্ডে চেঞ্জ লুমিনেট করছে, যেমন WordPress Gutenberg ওভারহল, আমি খুব চিন্তিত ক্যাঁচা কোডের ভবিষ্যত নিয়ে, অথবা এমন কোনো ভবিষ্যৎ আছে কিনা।
আयरনিক্যালি, এটি ২০০৭-এর টুল Kompozer যেটি এখানে সেরা সামগ্রিক কাজ করে, এর inherent limitations এবং মডার্ন স্ট্যান্ডার্ডের সাপোর্ট না থাকা সত্ত্বেও। কিন্তু, এটি বান্চের মধ্যে least intrusive, এবং সবচেয়ে প্রোডাক্টিভ। Bluegriffon এবং Seamonkey ঠিক কাজ করে, কিন্তু তারা এই পুরনো প্রব্লেমকে মডার্ন লুকসের সাথে ব্লেন্ড করে, এবং সেটা কোনো উপকারে আসে না। Kompozer early 2000s UI বাগগুলো রিসলভ করেছিল, এবং এটি ফিউচার ইটেরেশনের বেসলাইন হওয়া উচিত ছিল। শেষে, আপনি sub-optimal চয়েসের সাথে ছাড়াই যাচ্ছেন।
আপনি যেকোনো পথে যান, আপনাকে কমপ্রোমাইজ করতে হবে ease of use, visual convenience, code chaos, এবং plain efficiency-এর মাঝপথে। মনে হয় ২০১৮ সাল যারা অফলাইন কাজ করতে চায় বা টিডি, কমপ্লায়েন্ট কোড ব্যবহার করতে চায় তাদের প্রতি খুব সিম্পাথি নেই। উজ্জ্বল পক্ষে, আপনি Notepad++ বা Brackets-এ wild যেতে পারেন। তাতে যেটা আছে। এসেন্সে, আমরা ফুল সার্কেলে এসেছি, এবং কিছুই অর্জন করিনি। স্পেকট্রামের দূর পাশে, অনলাইন CMS ওয়ার্ল্ড ক্লাউড যাত্রার মত। মানুষদের lovely API রয়েছে তাদের জিনিস রান করার জন্য এবং ফ্যান্সি-ইশ UI, কিন্তু তাদের সিনের পেছনের জিনিসে কোনো অ্যাক্সেস নেই, এবং এটি एक horrible, কমপ্লিকেটেড মেস। What You See is What Once Was. Welcome to Abstraction. Dedoimedo out.
চিয়ার্স।
