tags - control - Sublime Text 2 selección de ajuste en la etiqueta

ctrl shift g sublime text

Question

En ST2, resaltar texto y presionar alt + shift + w (en Windows) ajustará la selección actual en las etiquetas <p></p> . Pero, ¿hay alguna forma de especificar qué etiqueta incluir? Porque tal vez quiero envolver en un lapso, o un div en su lugar.

Answer 1

¡No necesitas a Emmet! Al menos no en Sublime Text 3 para Mac (no he usado ST2 durante meses).

Con o sin el complemento Emmet, coloque el cursor en algún lugar de la palabra, resalte la palabra mediante el comando d , presione control shift w ( Menubar > Edit > Tag > Wrap Selection With Tag ) y escriba el tipo de elemento deseado sobre el resaltado actualmente, etiquetas p generadas por defecto .

Nota: En MS Windows, el atajo para ajustar es alt shift w .

Answer 2

Cree un fragmento personalizado, por ejemplo, para insertar una etiqueta span. Vaya al menú de la aplicación: Tools > New Snippet ... fragmento Tools > New Snippet ... y copie en la ventana el siguiente fragmento:

<snippet>
    <content><![CDATA[
<span style="color:#0000FF">$SELECTION$1</span>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>span</tabTrigger>
    <description>HTML - span - color - blue</description>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.html</scope>
</snippet>

... luego guarde el fragmento en un archivo con, por ejemplo, html-span--color nombre de html-span--color y enlace ese fragmento a una combinación de teclas en Preferences > Key Bindings-User , creando una nueva entrada clave, por ejemplo:

{ "keys": ["alt+shift+c"], "command": "insert_snippet", "args": { "name": "Packages/User/html-span--color.sublime-snippet" } }

Se supone que la ubicación del fragmento es el directorio Packages/User/ .

Ahora seleccione cualquier texto que necesite para envolver la etiqueta span y presione Alt + Shift + c o escriba ''span'', presione Tab , se colocará un cursor en la posición requerida dentro de la etiqueta, solo escriba su texto.

He probado con éxito el fragmento y el enlace de claves con Sublime Text 3 en Ubuntu Linux.

Answer 3

Este sistema de insertar fragmentos es muy engorroso en comparación con el mecanismo proporcionado en Dreamweaver. En ese caso, crea un fragmento de cualquier tipo. Se almacena en una biblioteca en RAM y se muestra en una estructura de estilo de directorio. Usted declara si el fragmento es de tipo INSERT (en la posición del cursor) o de tipo SPAN (amplía el texto seleccionado). En el primer caso, se inserta el fragmento completo. En el segundo caso, el fragmento se crea con una parte "anterior" y una parte posterior. Normalmente, la parte "después" es solo la etiqueta de cierre. Para usar el modo INSERTAR AQUÍ, coloca el cursor y haga doble clic en el fragmento en la biblioteca y lo inserta en la posición del cursor. Para usar el modo SPAN SELECTED TEXT, resalte el texto que desea y haga doble clic en el fragmento en la biblioteca. El texto seleccionado está rodeado por las partes "antes" y "después" del fragmento. Es muy intuitivo, fácil de usar y permite al usuario crear un número ilimitado de fragmentos que pueden abarcar el texto seleccionado. ¿ALGÚN PROGRAMADOR MUY INTELIGENTE CONSTRUIRÁ UNA EXTENSIÓN COMO ESTA PARA EL SUBLIME 3? Nota: En comparación, Bracket Highlighter es un plugin Sublime con una función de envoltura que parece tener dicha funcionalidad, pero si se lo inspecciona de cerca, es demasiado engorroso para usarlo si se quiere construir una biblioteca de fragmentos eficiente sobre la marcha. Gracias, Peter Rosti

Answer 4

Las respuestas son buenas Aquí es donde los enlaces de teclas son para personalizar:

En preferencia: enlaces de teclas - Predeterminado :

{ 
  "keys": ["ctrl+shift+w"], "command": "insert_snippet", 
  "args": { "name": "Packages/XML/long-tag.sublime-snippet" } 
}

Si tienes a Emmet, la versión de emmet es

{ "keys": ["super+shift+w"], "command": "wrap_as_you_type"}

Edícalos en Preferencias: Enlaces clave - Usuario a tu gusto,

Answer 5

Usando Emmet, coloque el cursor en la etiqueta que desea envolver y presione ctrl + w (para MacOS) o Alt + Shift + W (para Windows), aparecerá un recuadro para ingresar el tipo de etiqueta con la que desea envolver.

Answer 6

en ST2, escriba una etiqueta sin corchetes y presione Tab. Le dará automáticamente una etiqueta abierta y cerrada

Answer 7

para hacerte la vida más fácil mientras estás en Sublime text3: escribe cualquiera de estos ( p, h1, div, encabezado, pie de página, título ...) y presiona Tab por ejemplo si quieres div Solo escribe div y presiona Tab

Answer 8

Linea sola

Si quieres convertir esto

Lorem ipsum dolor sit amet.

a esto

<div>Lorem ipsum dolor sit amet.</div>  

hacer esto:

• Seleccione el texto, o presione CTRL + L (seleccionará la línea actual)
• Presione ALT + MAYÚS + W
• Escriba la etiqueta deseada (sobrescribirá la etiqueta p predeterminada)

Múltiples líneas

Si quieres convertir esto

Item 1
Item 2
Item 3

a esto

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

hacer esto:

• Seleccione el texto, o presione CTRL + L varias veces
• Presione CTRL + MAYÚS + L (hará una selección por línea)
• Presione ALT + MAYÚS + W
• Escriba la etiqueta deseada (sobrescribirá la etiqueta p predeterminada)

También puede seleccionar el texto con MAYÚS + BOTÓN DERECHO DEL RATÓN , y en este caso puede omitir el segundo paso.

Usando Emmet

Si quieres convertir esto

Item 1
Item 2
Item 3

a esto

<nav>
  <ul class="nav">
    <li class="nav-item1"><a href="">Item 1</a></li>
    <li class="nav-item2"><a href="">Item 2</a></li>
    <li class="nav-item3"><a href="">Item 3</a></li>
  </ul>
</nav>

hacer esto:

• Seleccione el texto
• Presione MAYÚS + CTRL + G ( envuelva con abreviatura )
• Escriba nav> ul.nav> li.nav-item $ *> a

Nota para los usuarios de Mac:

ALT + MAYÚS + W = CTRL + MAYÚS + W

CTRL + MAYÚS + L = CMD + MAYÚS + L