Aprenda a contraer y expandir código en Dreamweaver para ver secciones del documento sin necesidad de desplazarse.

Puede contraer (también se denomina plegar) y expandir fragmentos de código para ver diferentes secciones del documento sin necesidad de desplazarse.

Por ejemplo, si desea ver todas las reglas CSS de la etiqueta head que afectan a una etiqueta div situada más adelante en la página, puede plegar el código entre la etiqueta head y la etiqueta div para ver ambas secciones de código a la vez.

Puede seleccionar una parte de código para contraerla. También puede contraer código en los archivos HTML, PHP, XML y SVG, basándose en bloques de etiquetas. En los archivos CSS, Less, Sass, SCSS y JS, puede contraer el código utilizando corchetes.

  • Archivos HTML: Dreamweaver contrae el código entre una etiqueta de apertura y otra de cierre de HTML y se muestran los atributos iniciales (si es aplicable) en el código contraído. Dreamweaver lo expande automáticamente cuando el código del bloque se selecciona mediante las funciones Selector de etiquetas, Buscar y reemplazar, Ir a línea, Vista rápida de elementos, Vista en vivo o Deshacer/Rehacer.

Si cambia la selección, el código vuelve a contraerse automáticamente.

  • Archivos CSS, Less, Sass, SCSS y JS: se contrae el código que aparece entre llaves y la vista previa se muestra como (...).
  • Archivos PHP: se contraen los elementos de HTML, CSS y los bloques de código de JS, además de los bloques de código de PHP. 

Nota:

Los archivos creados a partir de plantillas de Dreamweaver muestran todo el código totalmente expandido, aunque el archivo de plantilla (.dwt) contenga fragmentos de código contraídos.

Configuración de preferencias de tamaño del plegado de código

El tamaño de plegado predeterminado es de dos líneas. Con este ajuste predeterminado, al contraer código, se contraerán todos los fragmentos de código que tengan al menos dos líneas. Los fragmentos de código que tengan menos de dos líneas se mostrarán en modo expandido.

Para cambiar el número mínimo de líneas de plegado de código:

  1. Haga clic en Editar > Preferencias (en Windows) o Dreamweaver> Preferencias (en Mac).

  2. Haga clic en Formato de código en la lista Categoría y especifique el tamaño mínimo de plegado de código.

Contracción y expansión de fragmentos de código

De manera predeterminada, todo el código de la Vista de código está en modo expandido.

Sin embargo, puede contraerse código seleccionando varias líneas y contrayéndolas. También puede contraerse código basándose en la sintaxis: bloques de etiquetas o llaves.

Nota:

Los estados contraídos o expandidos de los bloques de código se conservarán a lo largo de las diferentes sesiones de Dreamweaver.

Contraer código basándose en bloques de etiquetas o llaves

Para contraer código basándose en bloques de etiquetas o llaves:

  1. En la Vista de código, coloque el ratón sobre la columna de número de línea que corresponde al bloque de código que quiera contraer o expandir. Se mostrará un pequeño triángulo junto a los números de la línea.

  2. Haga clic en el triángulo para contraer o expandir el código.

    Nota:

    Para expandir todo el código contraído de un documento, puede utilizar el método abreviado del teclado Control + Alt + E (Windows) o Comando + Alt + E (Mac).

    Contraer código mediante bloques de etiquetas
    Contraer código utilizando bloques de etiquetas (es necesario actualizar la captura de pantalla)

Contraer código basándose en una selección

Para contraer código basándose en una selección:

  1. Seleccione el fragmento que quiera contraer en la Vista de código.

    Al seleccionar código, aparece un icono de contraer en la columna de número de línea.

  2. Haga clic en el icono para contraer y expandir la selección.

    Una vez contraído el código, el icono de contraer cambia a un icono de expandir ().

    Contracción del código seleccionado
    Contracción del código seleccionado (es necesario actualizar la captura de pantalla)

    Expandir código (es necesario actualizar la captura de pantalla)
    Expandir código (es necesario actualizar la captura de pantalla)

Utilización de métodos abreviados de teclado para contraer y expandir código

Comando

Windows

Macintosh

Contraer selección

Control+Mayús+C

Comando+Mayús+C

Contraer fuera de la selección

Control+Alt+C

Comando+Alt+C

Expandir selección

Control+Mayús+E

Comando+Mayús+E

Contraer etiqueta completa

Control+Mayús+J

Comando+Mayús+J

Contraer fuera de la etiqueta completa

Control+Alt+J

Comando+Alt+J

Ampliar todo

Control+Alt+E

Comando+Alt+E

Copia y pegado de un fragmento de código contraído

  1. Haga clic en el fragmento de código contraído para seleccionarlo.

  2. Seleccione Edición > Copiar.
  3. Sitúe el cursor en el lugar en que desee pegar el código.

  4. Seleccione Edición > Pegar.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea