আমি কিছু খারাপ-ফর্ম্যাট এইচটিএমএল কোড পেয়েছি যা আমি পুনরায় ফর্ম্যাট করতে চাই। এমন কোন কমান্ড আছে যা সাব্লাইম টেক্সট 2 এ এইচটিএমএল কোডটি স্বয়ংক্রিয়ভাবে পুনরায় ফর্ম্যাট করবে যাতে এটি আরও ভাল দেখায় এবং পড়া সহজ হয়?
আমি কিছু খারাপ-ফর্ম্যাট এইচটিএমএল কোড পেয়েছি যা আমি পুনরায় ফর্ম্যাট করতে চাই। এমন কোন কমান্ড আছে যা সাব্লাইম টেক্সট 2 এ এইচটিএমএল কোডটি স্বয়ংক্রিয়ভাবে পুনরায় ফর্ম্যাট করবে যাতে এটি আরও ভাল দেখায় এবং পড়া সহজ হয়?
উত্তর:
এটি করার জন্য আপনার কোনও প্লাগইন লাগবে না। কেবলমাত্র সমস্ত লাইন নির্বাচন করুন ( Ctrl A) এবং তারপরে মেনু থেকে সম্পাদনা → লাইন → পুনঃনির্দেশ নির্বাচন করুন। আপনার ফাইলটি এমন কোনও এক্সটেনশান সহ সংরক্ষণ করা হয় যা এইচটিএমএল .html
বা এর মতো থাকে .php
।
আপনি যদি প্রায়শই এটি করেন তবে আপনি এই কী ম্যাপিংটি দরকারী বলে মনে করতে পারেন:
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
যদি আপনার ফাইলটি সংরক্ষণ না করা হয় (যেমন আপনি একটি নতুন উইন্ডোতে স্নিপেটে কেবল পেস্ট করেছেন), আপনি language of choice
পুনরায় পাঠানোর বিকল্পটি নির্বাচনের আগে মেনু ভিউ → সিনট্যাক্স select নির্বাচন করে ম্যানুয়ালি ভাষা সেট করতে পারেন ।
সাব্লাইমে এইচটিএমএল ফর্ম্যাট করার অর্ধ ডজন বা তারও বেশি উপায় রয়েছে। আমি সর্বাধিক জনপ্রিয় প্রতিটি প্লাগইন পরীক্ষা করেছি ( সম্পূর্ণ বিবরণের জন্য আমি আমার ব্লগে যে লিখনটি করেছি তা দেখুন) তবে সর্বাধিক জনপ্রিয় বিকল্পগুলির একটি দ্রুত ওভারভিউ এখানে দেওয়া হয়েছে:
পেশাদাররা:
কনস:
<script>
ব্লকগুলি সঠিকভাবে ফর্ম্যাট করে নাপেশাদাররা:
কনস:
<script>
ব্লকগুলি সঠিকভাবে পরিচালনা করে নাপেশাদাররা:
কনস:
পেশাদাররা:
কনস:
পেশাদাররা:
কনস:
এইচটিএমএল-সিএসএস-জেএস প্রিটিফাই আমার বইয়ের বিজয়ী। প্রচুর দুর্দান্ত বৈশিষ্ট্য, অভিযোগ করার মতো খুব বেশি কিছু নয়।
আমি যে প্যাকেজটি সন্ধান করতে পেরেছি তা হ'ল ট্যাগ ।
আপনি প্যাকেজ নিয়ন্ত্রণ ব্যবহার করে এটি ইনস্টল করতে পারেন। https://sublime.wbond.net
প্যাকেজ নিয়ন্ত্রণ ইনস্টল করার পরে। প্যাকেজ নিয়ন্ত্রণে যান ( পছন্দসমূহ -> প্যাকেজ নিয়ন্ত্রণ ) তারপরে টাইপ করুন install
, চাপুন enter। তারপরে টাইপ করুন tag
এবং হিট করুন enter।
ট্যাগ ইনস্টল করার পরে, পাঠটি হাইলাইট করুন এবং শর্টকাটটি Ctrl+ Alt+ টিপুন F।
Indent XML
বা IndentX
অন্যদের মধ্যে।
আমি এই প্লাগইনটি সুপারিশ করছি: এইচটিএমএল / সিএসএস / জেএস প্রিটিফাই , এটি সত্যই কার্যকর হয়।
ইনস্টলেশন পরে, কেবল কোড নির্বাচন করুন এবং টিপুন Ctrl+Shift+H।
সম্পন্ন!
শুধু একটি সাধারণ টিপ। আমি আমার এইচটিএমএলটিকে স্ব-পরিচ্ছন্ন করতে যা করেছি তা হ'ল এইচটিএমএল_পট্টি প্যাকেজটি ইনস্টল করা হয়েছিল এবং তারপরে নিম্নলিখিত কী-বাইন্ডিংটি ডিফল্ট সেটিংসে (যা আমি ব্যবহার করি) যুক্ত করুন:
{ "keys": ["enter"], "command": "html_tidy" },
এটি প্রতিটি প্রবেশের সাথে এইচটিএমএল পরিপাটি চালায়। এর মধ্যে ত্রুটিগুলিও থাকতে পারে, আমি নিজেই সাবলাইমে খুব নতুন, তবে মনে হয় যা করতে চাই তা মনে হচ্ছে :)
প্রশ্নটি এইচটিএমএল-তে যথেষ্টই, আমি এছাড়াও আপনার পাতলা টেক্সট 2 এর জন্য জাভাস্ক্রিপ্ট কোডটি কীভাবে স্বয়ংক্রিয়ভাবে ফর্ম্যাট করতে হয় সে সম্পর্কেও তথ্য দিতে চাই ;
আপনি আপনার সমস্ত কোড নির্বাচন করতে পারেন ( ctrl+ A) এবং অ্যাপ-ইন কার্যকারিতা, রিয়েলেন্ডেন্ট ( Edit
-> Line
-> Reindent
) ব্যবহার করতে পারেন বা আপনি Sublime Text 2
যদি আপনার কোডটি ফর্ম্যাট করতে চান তবে কীভাবে আরও কাস্টমাইজযোগ্য সেটিংস রাখতে চান তবে আপনি জেএসফর্ম্যাট বিন্যাস প্লাগইন ব্যবহার করতে পারেন সাব্লাইম পাঠ্যের ডিফল্ট ট্যাব / ইনডেন্ট সেটিংস।
https://github.com/jdc0589/JsFormat
প্যাকেজ নিয়ন্ত্রণ ( -> ) ওপেন প্যাকেজ নিয়ন্ত্রণ ব্যবহার করে আপনি সহজেই জেএসফর্ম্যাট ইনস্টল করতে পারেন তারপরে ইনস্টল করুন, চাপুন । তারপরে টাইপ করুন এবং হিট করুন , আপনি শেষ করেছেন। (প্যাকেজ নিয়ামক এর নীচে বাম বারের সাফল্য এবং ত্রুটি সহ ইনস্টলেশনটির স্থিতি প্রদর্শন করবে )Preferences
Package Control
enterjs format
enterSublime
আপনার মূল বাইন্ডিংগুলিতে নিম্নলিখিত লাইনটি যুক্ত করুন ( Preferences
-> Key Bindings User
)
{ "keys": ["ctrl+alt+2"], "command": "js_format"}
আমি ctrl+ alt+ ব্যবহার করছি 2, আপনি যা চান তা এই শর্টকাট কীটি পরিবর্তন করতে পারেন। এখন পর্যন্ত JsFormat
এটি একটি ভাল প্লাগইন, এটি চেষ্টা করার মতো!
আশা করি এটি কারও সাহায্য করবে।
সাবলাইম এইচটিএমটিডি নামে একটি প্লাগইন রয়েছে যা বেশ ভালভাবে কাজ করে
আমার জন্য, HTML Prettify
সমাধানটি অত্যন্ত সহজ ছিল। আমি এইচটিএমএল প্রিটিফাই পৃষ্ঠায় গিয়েছিলাম ।
Sublime Package Manager
prettify
HTML prettify
মেনুতে নির্বাচনটি বেছে নিনগম্ভীর গর্জন। সম্পন্ন. দুর্দান্ত লাগছে
সহজভাবে যান
সম্পাদনা করুন -> ট্যাগ -> দস্তাবেজে স্ব-ফর্ম্যাট ট্যাগ
Sublime Text 2 Version 2.0.1, Build 2217
ম্যাকের সেই মেনু বিকল্পটি দেখতে পাচ্ছি না । আপনি কি নিশ্চিত যে এটি একটি আদর্শ বৈশিষ্ট্য?
<b>somthing</b>
কমা দ্বারা অনুসরণ করা হলে , কমাটি একটি নতুন লাইনে রাখা হয়, ফলস্বরূপ কোনও ব্রাউজার ভিউতে কিছু এবং কমাটির মধ্যে একটি স্থান তৈরি হয়।
আমি এইচটিএমএল বিউটিফাই নামে একটি প্যাকেজ তৈরি করেছি যা এইচটিএমএল পুনরায় ফর্ম্যাট করার একটি শালীন কাজ করে। আমি 1997 এ ফিরে পাওয়া পার্ল স্ক্রিপ্টের ভিত্তিতে এটিকে ভিত্তি করেছিলাম all আমি নতুন নতুন ফ্যাংড আধুনিক ট্যাগগুলির সাথে কাজ করার জন্য এটি আপডেট করেছি। :)
এটি পরীক্ষা করে দেখুন এবং আপনার কী মনে হয় তা আমাকে জানান!
আমি মনে করি আপনি এটি যা খুঁজছেন তা:
আমার কাছে এখনও মন্তব্য করার অধিকার নেই তাই এটি কেবলমাত্র উপরের উত্তরের @ পিটারের উত্তর সম্পর্কিত অতিরিক্ত তথ্য ।
আমি শিরোনামে IE শর্তসাপেক্ষ মন্তব্যগুলি সম্পূর্ণরূপে ইন-লাইন না করানো যেমন বাম দিকে ফ্লাশ করা হয়েছে তবে HTML প্রত্যাশার মতো প্রান্তিককরণে খুঁজে পেয়েছি :
<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
একটি দুর্দান্ত ওপেন সোর্স কোডফর্মেটর প্লাগইন রয়েছে , যা (পুনর্নির্মাণের পাশাপাশি) নোংরা কোডটি শোভিত করতে পারে এমনকি এর সবগুলি একক লাইনেই রয়েছে।
আমি ব্যবহার করছি পরিপাটি মনোরম HTML এ কাস্টম বিল্ড সিস্টেমের সাথে একসাথে।
আমার প্যাকেজগুলি / ব্যবহারকারী / ডিরেক্টরিতে এইচটিএমএলটিডি.সব্লাইম-বিল্ড রয়েছে:
{
"cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}
এবং একই ডিরেক্টরিতে tidy_config.cfg ফাইল:
indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0
এবং কেবল বিল্ড সিস্টেম নির্বাচন করুন এবং ফাইল সামগ্রীতে পুনরায় ফর্ম্যাট করতে ctrl+ bবা cmd+ টিপুন b। এর সাথে একটি সামান্য সমস্যা হ'ল এসটি 2 স্বয়ংক্রিয়ভাবে ফাইলটি পুনরায় লোড করে না যাতে ফলাফলগুলি অন্য কোনও ফাইল এবং পিছনে (বা অন্যান্য অ্যাপ্লিকেশন এবং পিছনে) স্যুইচ করতে হয় তা দেখতে।
উইন্ডোতে পরিপাটি ইনস্টল করার জন্য ম্যাকে আমি ম্যাকপোর্টগুলি ব্যবহার করেছি, উইন্ডোজ এ আপনি নিজে এটি ডাউনলোড করতে হবে এবং পরিচ্ছন্ন অবস্থানে অবস্থিত বিল্ড সিস্টেমে ওয়ার্কিং ডিরেক্টরি নির্দিষ্ট করতে হবে:
"working_dir": "c:\\HTMLTidy\\"
বা এটি PATH এ যুক্ত করুন।
আপনি F12সহজ শর্টকাট কী সেট করতে পারেন !!!
{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }
এখানে বিস্তারিত দেখুন ।