Abra un archivo compatible.
Última actualización el
26 dic. 2022
Establezca las preferencias que controlan el formato del código al crear o editar archivos.
Formatear código manualmente
-
-
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 el 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 .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.
-
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.
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:
|
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 } o function f() { // Código } Puede asignar los valores siguientes:
|
|
| 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 |
