Ini sepertinya pertanyaan paling mendasar di dunia, tetapi terkutuk jika saya dapat menemukan jawabannya.

Apakah ada pintasan keyboard, baik asli ke Visual Studio atau melalui Code Rush atau plugin pihak ketiga lainnya, untuk membungkus pilihan saat ini dengan tag HTML? Saya lelah mengetik tag pembuka, memotong tag penutup yang salah tempat ke clipboard, menggerakkan kursor, dan menempelkannya di ujung tempatnya.

Pembaruan: Ini adalah cara TextMate menangani pemilihan dengan tag . Terus terang, saya terkejut bahwa Visual Studio tampaknya tidak memiliki fitur serupa. Membuat makro atau cuplikan untuk setiap tag yang memungkinkan yang mungkin ingin saya gunakan tampaknya tidak masuk akal.

Visual Studio 2015 hadir dengan pintasan baru, Shift + Alt + W, yang membungkus pilihan saat ini dengan div. Pintasan ini membiarkan teks "div" dipilih, membuatnya dapat diubah dengan mulus ke tag yang diinginkan. Ini digabungkan dengan penggantian tag akhir otomatis membuat solusi cepat.

MEMPERBARUI

Pintasan ini tersedia di Visual Studio 2017 juga, tetapi Anda harus memiliki beban kerja "ASP.NET dan Pengembangan Web" yang diinstal.

Contoh

Shift+Alt+W > p > Enter

Saya tahu ini sudah lama dan Anda mungkin telah menemukan jawabannya sekarang, tetapi saya hanya ingin menambahkan demi mereka yang mungkin tidak tahu bahwa ini mungkin terjadi di VS 2010:

1. Pilih kode yang ingin Anda lingkari.
2. Lakukan ctrl-k ctrl-s(atau klik kanan dan pilih Surround with....
3. Ada berbagai macam potongan HTML untuk dipilih.

Anda dapat membuat SurroundsWith Anda sendiri dengan cuplikan jika Anda tidak menemukan apa yang Anda cari:

1. Klik Filedan kemudian klik New, dan pilih jenis file XML.
2. Di Filemenu, klik Save.
3. Di Save askotak, pilih All Files (*.*).
4. Di dalam File namekotak, masukkan nama file dengan .snippetekstensi nama file.
5. Klik Save.

Masukkan sesuatu seperti contoh berikut di file XML:

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <Header>
    <Title>ul-div</Title>
    <Author>Microsoft Corporation</Author>
    <Shortcut>ul>li</Shortcut>
    <Description>Wrap in a ul and then an li</Description>
    <SnippetTypes>
      <SnippetType>Expansion</SnippetType>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<ul><li>$selected$</li></ul>$end$]]></Code>
  </Snippet>
</CodeSnippet>

1. Buka Tools> Code Snippets Manager.
2. Klik Importdan ramban ke cuplikan yang baru saja Anda buat.
3. Periksa My HTML Snippetsdan klik Finishlalu OK.

Anda kemudian akan memiliki cuplikan HTML baru yang mengkilap tersedia untuk membungkus barang!

Ctrl-X -> Ketik tag -> Ctrl-V masih merupakan solusi tercepat yang pernah saya lihat seperti yang disebutkan dalam jawaban ini: https://stackoverflow.com/a/5109994/486325 .

Jika Anda menginstal Web Essentials , Anda dapat menggunakan Shift + Alt + W untuk mengelilingi pilihan dengan tag.

Saya tahu ini adalah utas kuno tetapi setelah menemukan masalah, saya akhirnya memutuskan untuk membuatnya sendiri dan karena ini adalah salah satu hasil pertama di Google, saya pikir orang mungkin menganggap ini berguna.

Sebenarnya itu cukup mudah, saya hanya menyalin dari potongan HTML yang ada dan berpindah-pindah literal. Cuplikan berikut akan dikelilingi dengan tag HTML umum, yang meminta tag dan akan meletakkannya di tag pembuka dan penutup.

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <!-- Generic HTML Snippet -->
  <Header>
    <Title>Html</Title>
    <Author>Liam Slater</Author>
    <Shortcut>h</Shortcut>
    <Description>Markup snippet for HTML</Description>
    <SnippetTypes>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>tag</ID>
        <ToolTip>tag</ToolTip>
        <Default></Default>
      </Literal>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<$tag$>$selected$</$tag$>$end$]]></Code>
  </Snippet>
</CodeSnippet>

Saat dihadapkan pada situasi ini, saya sering mengetikkan tag penutup terlebih dahulu, baru kemudian tag pembuka. Ini mencegah IDE "membantu" dengan memasukkan tag penutup di tempat yang tidak saya inginkan. Saya juga tertarik dengan solusi yang lebih baik.

Bagi mereka yang menggunakan Visual Studio 2017: Klik kanan pada area html/ cshtml, atau pilih beberapa elemen untuk dibungkus, ada Wrap With <div>tombol di daftar.

Tidak ada yang saya ketahui, tetapi menulis makro untuk membungkusnya dengan tag apa pun yang Anda inginkan seharusnya tidak sulit. Saya memiliki yang serupa yang akan membungkus pilihan saya di blok wilayah.