ভিএস কোডে ট্যাগ মোড়ানো কীভাবে করবেন?

Question

আমি আমার নির্বাচিত এইচটিএমএলকে ভিএস কোডের একটি ট্যাগের মধ্যে মোড়াতে চাই। আমি কেমন করে ঐটি করি?

Comments

আমি সম্পূর্ণরূপে ভিএসকোডে যেতে না পেরে এবং সাবলাইমে খাঁজ করার একটি কারণ।

— বুদজি

@ বুদজি এটি এমমেট সহ একটি বিল্ট ফিচার ... আপনি যা কিছু চাইতে পারেন তা হ'ল এটি এখন একটি এক্সটেনশন এবং যদি তা না হয় তবে আপনি সর্বদা নিজের তৈরি করতে পারেন।

— জেমস কোয়েল

আমি এই প্রশ্নটি পছন্দ করি এবং আমি জানি এবং এক্সটেনশন কল (এমব্রেট উইথ অ্যাব্রোবিশন), তবে যে কেউ বিপরীত ক্রিয়াগুলি কীভাবে করতে হয় তা জানতে পারে। উদাহরণস্বরূপ: প্রথমে <p> ... </p> লিখুন এবং <u> ** </u> এর ভিতরে <p> ... <u> ** </u> ... </ পি>

— জেমেনল

Answer 1

এম্বেড এমমেট কৌশলটি করতে পারে:

1. পাঠ্য নির্বাচন করুন (alচ্ছিক)
2. কমান্ড প্যালেট খুলুন (সাধারণত Ctrl+ Shift+ P)
3. এক্সিকিউট Emmet: Wrap with Abbreviation
4. একটি ট্যাগ লিখুন div(বা একটি সংক্ষেপণ .wrapper>p)
5. হিট Enter

কমান্ডটি একটি কী-বাইন্ডিং-এ বরাদ্দ করা যেতে পারে।

---

এই জিনিসটি এমনকি তর্ক বিতর্ক সমর্থন করে:

{
    "key": "ctrl+shift+9",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection",
    "args": {
        "abbreviation": "span"
    }
},

এটি এর মতো ব্যবহার করুন:

• span.myCssClass
• span#myCssId
• b
• b.myCssClass

Comments

মার্কেটপ্লেস.ভিজুয়ালস্টুডিও.com/…

— অ্যালেক্স

এটি উত্তর হওয়া উচিত, এমমেটটি ইতিমধ্যে vscode এ ইনস্টল করা আছে

— নাথান

Ctrl+ pGoToFile। কমান্ড প্যালেটে উপস্থিত রয়েছে Ctrl+ + Shift+ + P।

— অ্যালেক্স

জেএসএক্সের জন্য, এই অতিরিক্ত পদক্ষেপটি যুক্ত করতে হয়েছিল: github.com/Mic Microsoft

— vscode

ভিএসকোড 1.35.0 দিয়ে (এবং সম্ভবত পূর্বে) এটি জেএসএক্সের সাথে বাক্সটি কার্যকর করে - কোনও অতিরিক্ত কনফিগার করার প্রয়োজন নেই

— davnicwil

Answer 2

ভিএসকোড মার্কেটপ্লেসে একটি দ্রুত অনুসন্ধান: https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap ।

1. ভিএস কোড কুইক ওপেন চালু করুন ( Ctrl+ P)

2. পেস্ট করুন ext install htmltagwrapএবং প্রবেশ করুন

3. এইচটিএমএল নির্বাচন করুন

4. প্রেস Alt+ + W( Option+ + WMac এর জন্য)।

Comments

আপনার সম্ভবত সম্ভবত পদক্ষেপ 3 এ ইনস্টল করুন নির্বাচন করুন

— সমীর

"ব্যবহার করতে, কোডের একটি অংশ নির্বাচন করুন এবং" Alt + W "(ম্যাকের জন্য" বিকল্প + ডাব্লু) টিপুন। " যথেষ্ট সরল! ব্যতীত এটি কাজ করছে না। আমি ভিএস কোড 1.16.1 সহ 0.0.3 সংস্করণ চেষ্টা করেছি। এটি প্রায় কাজ করে। এটি জেনেরিকের <p></p>পরিবর্তে নির্বাচনগুলিকে ট্যাগগুলিতে মোড়ানোর চেষ্টা করে <div></div>যা আরও বুদ্ধিমান জিনিস বলে মনে হয়। সবচেয়ে খারাপটি হ'ল এটি ব্যর্থ। এটি আউটপুট উত্পাদন করে<p><p>My selected text.</p>

— সমীর

আমি এর মতো অন্যান্য এক্সটেনশন চেষ্টা করেছি। তবে এখনও পর্যন্ত আমার কোনও ভাগ্য নেই যা কাজ করে finding এটি একটি কার্যনির্বাহী সমাধানের নিকটতম ছিল। আমি ডেভিড টেলরের দ্বারা 0.0.1 মোড়ানোর চেষ্টা করেছি এবং Ctrl + আমি মোটেও কাজ করি না।

— সমীর

আপডেট: এক্সটেনশন এখন সঠিকভাবে কাজ করে এবং উপরের সমস্যাগুলিকে সম্বোধন করে। আর কোনও সদৃশ ট্যাগ নেই এবং আপনি এখন কোনও সেটিংসের মাধ্যমে সন্নিবেশ করতে চান ট্যাগটি কাস্টমাইজ করতে পারেন। আপনি যদি ট্যাগটি হতে চান তবে আপনি <div>নীচের সেটিংসটি যুক্ত করুন "htmltagwrap.tag": "div"।

— বিগ্যাশলার 1

এটি বেশ দুর্বল বাস্তবায়ন - একক ট্যাগের জন্য কাজ করে, নোটপ্যাড ++ এইচটিএমএল প্লাগইনের মতো এমন কিছু পাওয়া ভাল লাগবে যেখানে আপনি আপনার কনফিগারযোগ্য ট্যাগ নির্বাচন থেকে ট্যাগটি নির্বাচন করে মোড়ানো করতে পারেন

— সাশা বন্ড

Answer 3

আমি মন্তব্য করতে না পারায়, আমি অ্যালেক্সের দুর্দান্ত উত্তরটি প্রসারিত করব।

আপনি যদি মোড়কের সাথে সাব্লাইমের মতো অভিজ্ঞতাটি চান কীম্যাপ এক্সটেনশানগুলি (পছন্দসমূহ> কীম্যাপ এক্সটেনশানস [ Cmd+ K Cmd+ M]) খুলুন এবং নিম্নলিখিত বিষয়টিকে যুক্ত করুন:

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

যা পাঠ্য নির্বাচন করার পরে এমমেট মোড়ানো কমান্ডকে Alt+ আবদ্ধ করবেW

(কেবলমাত্র ওএসএক্সের নির্দেশের জন্য দুঃখিত)

Comments

এইভাবে আমি শর্টকাট যুক্ত করেছি: পছন্দসমূহ> কী্যাম্প শর্টকাটগুলি; ... তারপর এমমেট মোড়ানো অনুসন্ধান করুন ... আপনার শর্টকাট যুক্ত করতে + ক্লিক করুন; ... :)

— লাক্যলুক

অতিরিক্তভাবে আমি কেবল ওয়েব পৃষ্ঠাগুলির জন্য কাজ করতে &&

— সম্পাত ল্যাংআইডি

@ সুরপাভান, দুর্দান্ত তবে এটি অন্যান্য ফাইলের মতো যেমন এইচটিএমএল টেম্পলেট ফাইলগুলি ব্যবহার করাও সহজ হতে পারে

— অ্যান্ড্রু লুইস

@ অ্যান্ড্রুলিউইস - হ্যাঁ, এ কারণেই আমি এটিকে ভাষা আইডিতে রেখেছি এবং ফাইল এক্সটেনশন (ফাইলসেসোসিয়েশনস) না।

— surpavan

Shift + Alt + W উইন্ডোজের জন্য বিনামূল্যে।

— টিমোফিয়াস

Answer 4

1. টাইপ করে ওপেন কীবোর্ড শর্টকাট ⌘ Command+ + k ⌘ Command+ + sবাCode > Preferences > Keyboard Shortcuts
2. আদর্শ emmet wrap
3. "এমমেট: সংক্ষেপণের সাথে আবরণ করুন" এর বাম দিকে প্লাস চিহ্নটি ক্লিক করুন
4. টাইপ ⌥ Option+w
5. প্রেস Enter

Answer 5

ইমো এর স্নিপেট ব্যবহার করে এর জন্য আরও ভাল উত্তর আছে

এর মতো সংজ্ঞা সহ একটি স্নিপেট তৈরি করুন:

"name_of_your_snippet": {
    "scope": "javascript,html",
    "prefix": "name_of_your_snippet",
    "body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}

তারপরে এটি কী-বাইন্ডিংগুলির একটি কীতে আবদ্ধ করুন .জোন উদাহরণস্বরূপ:

{ 
    "key": "alt+w",
    "command": "editor.action.insertSnippet",
    "args": { "name": "name_of_your_snippet" }
}

আমি মনে করি এটি আপনাকে htmltagwrap হিসাবে ঠিক একই ফলাফল দেওয়া উচিত তবে কোনও এক্সটেনশন ইনস্টল না করে।

এটি নির্বাচিত পাঠ্যের চারপাশে ট্যাগগুলি সন্নিবেশ করবে, <b>ট্যাগটিতে ডিফল্ট হবে এবং ট্যাগ নির্বাচন করবে যাতে টাইপিং আপনাকে এটিকে পরিবর্তন করতে দেয়।

আপনি কি অন্য কিছু ডিফল্ট ট্যাগ ব্যবহার করতে চান তাহলে শুধু পরিবর্তন bমধ্যে bodyস্নিপেট এর সম্পত্তি।

Comments

এটি ঠিক আছে তবে এমমেট এটি এবং আরও অনেক কিছু করতে পারে যেমন নেস্টেড এইচটিএমএল, বৈশিষ্ট্য এবং তালিকা তৈরি করা। এমমেট ভিএস কোড সহ বাক্স থেকে বেরিয়ে আসে।

— অ্যান্ড্রু লুইস

ডাউনভোটস আমি বুঝতে পারছি না। অবশ্যই, এমমেট আরও জটিল এবং আমি অনেক কিছুই করতে পারি তবে কোনও পাঠ্য নির্বাচনের সাথে ট্যাগ দিয়ে মোড়ানোর জন্য এই সমাধানটি দুর্দান্ত! আপনি যখন মোড়েন, আপনার পর্দা / উইন্ডোর উপরের অংশে আপনার চোখ সরিয়ে নিতে হবে না। এটি ঠিক সেখানে ঘটেছিল, আপনি ইতিমধ্যে যেখানে ছিলেন কারণ আপনি পাঠ্যটি নির্বাচন করেছেন! এটি একটি খুব সাধারণ ব্যবহারের কেস এবং স্বল্প সময়ের সাথে দ্রুত সমাধান!

— আন্দ্রে ভি ভি

আমি এটি নিয়ে খুব উত্তেজিত ছিলাম তবে আমি এটি কাজ করতে পারি না: /

— আইকারো