Haga clic en Edición > Preferencias (en Windows) o Dreamweaver > Preferencias (en Mac).
Última actualización el
27-04-2021
Aprenda a contraer y expandir código en Dreamweaver para ver secciones del documento sin necesidad de desplazarse.
Puede contraer (también llamado plegar) y expandir fragmentos de código para ver diferentes secciones del documento sin desplazarse.
Por ejemplo, para ver todas las reglas CSS en la etiqueta head que se aplican a una etiqueta div más abajo en la página, pliegue 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 archivos CSS, Less, Sass, SCSS y JS, puedes contraer código en función de las llaves.
- 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 se expande automáticamente cuando el código dentro del bloque recibe el foco a través del Selector de etiquetas, Buscar y reemplazar, Ir a línea, Vista rápida de elementos, Vista en vivo o Deshacer/Rehacer.
Si la selección cambia, el código se contrae automáticamente de nuevo.
- Archivos CSS, Less, Sass, SCSS y JS: El código dentro de las llaves se contrae y la vista previa se muestra como {...}.
- Archivos PHP: los elementos de HTML, CSS y los bloques de código de JS se pueden contraer, 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 ampliado 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, podrán contraerse todos los fragmentos de código que tengan al menos dos líneas de código. Los fragmentos de código que tienen menos de dos líneas se pueden contraer seleccionando el código.
Para cambiar el número mínimo de líneas para el plegado de código:
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 ampliado.
Sin embargo, puede contraerse código seleccionando varias líneas y contrayéndolas. También puede contraer código basándose en la sintaxis: bloques de etiquetas o llaves.
Nota
Los estados contraídos o ampliados de los bloques de código se conservarán en las sesiones de Dreamweaver.
Contraer código basándose en bloques de etiquetas o llaves
Para contraer código según bloques de etiquetas o llaves:
En la vista de código, aparece un pequeño triángulo junto a los números de línea correspondientes a bloques de código que son mayores que el número de líneas de plegado de código especificado en las preferencias de tamaño de plegado de código.
Haga clic en el triángulo para contraer o ampliar el código.
Nota
Para ampliar 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 basándose en una selección
Para contraer código según la selección:
Seleccione el fragmento que quiera contraer en la Vista de código.
Haga clic en el icono de triángulo que aparece para contraer y expandir la selección.
Utilización de métodos abreviados de teclado para contraer y ampliar el 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 |
Copiar y pegar un fragmento de código contraído
Haga clic en el fragmento de código contraído para seleccionarlo.
Seleccione Edición > Copiar.
Sitúe el cursor en el lugar en que desee pegar el código.
Seleccione Edición > Pegar.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
