44 votos

¿Cómo enrollado una selección con una etiqueta HTML en Visual Studio?

Esta parece ser la pregunta más básica en el mundo, pero maldito si me puede dar una respuesta.

Hay un atajo de teclado, ya sea nativo de Visual Studio o a través de Código de carrera o de terceros plug-in, para envolver la selección actual con una etiqueta de HTML? Estoy cansado de escribir la etiqueta de apertura, cortar el fuera de lugar de la etiqueta de cierre para el portapapeles, mover el cursor, y pegarlo al final, que es donde pertenece.

Actualización: Esta es la forma en TextMate asas que rodea a la selección con una etiqueta. Francamente, estoy sorprendido de que Visual Studio no parece tener una función similar. Creación de una macro o fragmento de código para todo tipo de etiqueta que desee utilizar parece absurdo.

50voto

Bradley Mountford Puntos 4887

Sé que esto es viejo y usted probablemente ha encontrado la respuesta por ahora, pero me gustaría añadir para el bien de aquellos que no saben es que esto es posible en VS 2010:

  1. Seleccione el código que desea rodean.
  2. Hacer ctrl-k ctrl-s (o haga clic derecho y seleccione Surround with....
  3. Hay una gran variedad de fragmentos de código HTML para elegir.

Usted puede crear su propio SurroundsWith fragmentos si no encuentra lo que está buscando:

  1. Haga clic en File y, a continuación, haga clic en New, y elija un tipo de archivo de XML.
  2. En la File menú, haga clic en Save .
  3. En la Save as cuadro, seleccione All Files (*.*).
  4. En la File name cuadro, escriba un nombre de archivo con la .snippet extensión de nombre de archivo.
  5. Haga clic en Save.

Escriba algo como el siguiente ejemplo en el archivo 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. Abra Tools > Code Snippets Manager.
  2. Haga clic en Import y busque el fragmento de código que acaba de crear.
  3. Compruebe My HTML Snippets y haga clic en Finish y, a continuación, OK.

A continuación, tendrá su nueva y brillante fragmento de HTML disponible para envolver cosas!

7voto

Chao Puntos 1932

Sé que esto es un hilo antiguo pero que chocan con la cuestión que finalmente conseguí ronda a hacer mi propia y como esto es uno de los primeros resultados en Google pensé que personas pueden encontrar esto útil.

Realmente fue bastante fácil, simplemente copiado de un fragmento de código HTML existente y se movió alrededor de los literales. El siguiente fragmento se rodea con una etiqueta HTML genérica, indicaciones de la etiqueta y se ponen en las etiquetas de cierre y apertura.

<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>

6voto

tvanfosson Puntos 268301

Ante esta situación, muchas veces escribo la etiqueta de cierre en primer lugar, entonces la etiqueta de apertura. Esto evita que el IDE de "ayudar" mediante la inserción de la etiqueta de cierre donde no lo quiero. También estoy interesado en una solución mejor, aunque.

2voto

Ian Jacobs Puntos 4165

Nada sé, pero escribir una macro para envolver en la etiqueta lo que te quiere no debería ser difícil. Tengo uno similar que envolverá mi selección en un bloque de la región.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X