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

Formatear código manualmente

  1. Abra un archivo compatible.

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

  1. Abra el código.

  2. Seleccione el código.

  3. 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 .Archivo jsbeautifyrc 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.

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

  2. 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
    
        }
    
    }
  3. 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.

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 finales en una línea propia
  • “none”: intentar dejarlas 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