Guía del usuario Cancelar

Formatear código

Buscar

Última actualización el 3 may 2021

Dreamweaver

Abrir aplicación

Establezca las preferencias que controlan el formato del código al crear o editar archivos.

Formatear código manualmente

Abra un archivo compatible.
Seleccione Editar > Código > Aplicar formato de fuente.

O bien, seleccione Aplicar formato de fuente desde Barra de herramientas comunes > Formatear código fuente.

Formatear manualmente código seleccionado de un archivo

Abra el código.
Seleccione cualquier parte del código.
Seleccione Editar > Código > Aplicar formato de fuente a la selección.

O bien, seleccione Aplicar formato de fuente a la selección desde Barra de herramientas comunes-> Formatear código fuente.

Nota:

Si se selecciona un código en medio de alguna etiqueta y se aplica el formato de fuente a la selección, el formato se aplicará hasta la etiqueta padre.

Editar reglas predeterminadas para formato de código

Puede personalizar el formato de código CSS, JS y PHP añadiéndole reglas de formato en el archivo .jsbeautifyr de la carpeta raíz del sitio.

Para añadir el archivo .jsbeautifyrc , siga estos pasos:

Nota:

Las siguientes instrucciones se aplican solamente para documentos CSS, JS y PHP.
Las etiquetas HTML de los documentos PHP están formateadas según las preferencias de las bibliotecas de etiquetas. Se puede formatear el código en bloques de PHP con las instrucciones que aparecen a continuación.

Cree un nuevo archivo en la raíz del sitio con nombre de archivo .jsbeautifyrc

Copie y pegue las reglas de formato predeterminado que aparecen a continuación para CSS, JS y PHP en .jsbeautifyrc y guarde el archivo.

{ 
 
    "js": { 
 
        "eol": "\n", 
 
        "preserve_newlines": true, 
 
        "max_preserve_newlines": 3, 
 
        "space_after_anon_function": true, 
 
        "keep_array_indentation": false, 
 
        "space_before_conditional": true, 
 
        "break_chained_methods": false, 
 
        "unescape_strings": false, 
 
        "wrap_line_length": 0, 
 
        "end_with_newline": true, 
 
        "comma_first": false, 
 
        "operator_position": "after-newline" 
 
    }, 
 
    "css": { 
 
        "preserve_newlines": false, 
 
        "selector_separator_newline" : false, 
 
        "end_with_newline": false, 
 
        "newline_between_rules": false, 
 
        "space_around_selector_separator": true 
 
    }, 
 
    "php": { 
 
        "eol": "\n", 
 
        "preserve_newlines": true, 
 
        "max_preserve_newlines": 3, 
 
        "space_after_anon_function": true, 
 
        "brace_style": "collapse", 
 
        "keep_array_indentation": false, 
 
        "space_before_conditional": true, 
 
        "break_chained_methods": false, 
 
        "unescape_strings": false, 
 
        "wrap_line_length": 0, 
 
        "end_with_newline": false, 
 
        "comma_first": false, 
 
        "space_in_paren":true 
 
    } 
 
}

Edite las reglas predeterminadas para cambiar las reglas de formato de código predeterminadas conforme indique la tabla que aparece a continuación y guarde los cambios.
Vuelva a iniciar Dreamweaver y aplique el formato de código a un archivo CSS, JS y PHP.

El código se formateará según las reglas de formato actualizadas.

Nota:

Si desea personalizar el formato de código para archivos PHP, CSS y JS en otros sitios de Dreamweaver, deberá configurar el archivo personalizado .jsbeautifyrc en la carpeta raíz del sitio.

Reglas para el formato CSS, JS y PHP:

CSS	Reglas	Valores predeterminados en Dreamweaver	Descripción
	preserve_newlines	false	Si se desea conservar líneas vacías.
	selector_separator_newline	false	Si se desea colocar una nueva línea entre selectores separados por comas. Por ejemplo: ".div, .P"
	end_with_newline	false	Si se desea terminar el archivo con una línea vacía.
	newline_between_rules	false	Si se desea añadir una nueva línea después de cada regla CSS.
	space_around_selector_separator	true	Para garantizar el espacio que rodea los separadores del selector: ' >',' +',' ~' Por ejemplo: “a>b” se convertiría en “a > b” al aplicar el formato de fuente.

JS	Reglas	Valores predeterminados en Dreamweaver	Descripción
	“eol”	“\n”	Carácter empleado para representar el final de una línea.
	preserve_newlines	true	Si se desea conservar líneas vacías.
	max_preserve_newlines	3	Para “max_preserve_newlines”: N, N -1 líneas vacías se mantienen al aplicar el formato, cuando hay más de N - 1 líneas vacías en el archivo JS. Nota: max_preserve_newlines solo es aplicable si preserve_newlines está establecido en true.
	space_after_anon_function	true	Si se desea añadir un espacio antes de un paréntesis de función anónima. Por ejemplo: “function()” se convertiría en “function ()” al aplicar el formato de fuente.
	keep_array_indentation	false	Activar o conservar una nueva línea dentro del cuerpo del conjunto.
	space_before_conditional	true	Si se desea añadir un espacio antes de una afirmación condicional Por ejemplo: “if (true)” se convertiría en “if (true)” al aplicar el formato.
	break_chained_methods	false	Permitir o conservar una nueva línea entre funciones encadenadas. Por ejemplo: `foobar().baz()`
	unescape_strings	false	Si los caracteres imprimibles en cadenas codificados en notación \xNN no deben tener carácter de escape. Por ejemplo: “\x65\x78\x61\x6d\x70\x6c\x65” se convertiría en “example” al aplicar el formato de origen.
	wrap_line_length	0	Las líneas deben ajustarse en la próxima oportunidad tras estos números de caracteres.
	end_with_newline	true	Para garantizar que se añada una nueva línea al final del archivo.
	comma_first	false	Cuando se interrumpe una línea en coma, este indicador se utiliza para asegurar que la coma sea el primer carácter de la línea.
	operator_position	after-newline	Si una expresión condicional larga se divide en varias líneas, este indicador se utiliza para definir la posición de los operadores en las líneas. Puede editar el indicador con los valores siguientes: before-newline after-newline preserve-newline

Nota:

Las reglas del formato PHP son las mismas que para el formato JS (descrito en la tabla anterior), con dos reglas adicionales que se indican a continuación:

PHP

Reglas

Valores predeterminados en Dreamweaver

Descripción

brace_style

contraer

Puede controlar la posición de las llaves con esta opción:

Por ejemplo:

function f() {

// código

}

function f()

{

// Código

}

Puede asignar los valores siguientes:

“collapse”: poner las llaves en la misma línea que las declaraciones de control
“expand”: poner las llaves en una línea propia (estilo Allman/ANSI)
“end-expand”: poner las llaves en una línea propia
“none”: intentar ponerlas donde están
cualquiera de los anteriores + “,preserve-inline”: preserve-inline intenta conservar los bloques de llaves de la línea

space_in_paren

true

Si desea agregar espacios dentro de los paréntesis.

Por ejemplo:

include('header.php')

se convertiría en

include( 'header.php' ) al aplicar el formato