Abra un archivo compatible.
Última actualización el
25 abr. 2024
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 selecciona Aplicar formato de origen de Barra de herramientas común > Dar formato al 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
Puedes personalizar el formato del código CSS, JS y PHP agregando reglas de formato en el archivo .jsbeautifyrc en la carpeta raíz de tu sitio.
Para agregar el archivo .jsbeautifyrc , sigue 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": falso,
"space_in_paren":verdadero
}
}
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 quieres personalizar el formato del código para archivos PHP, CSS y JS en otros sitios de Dreamweaver, debes colocar 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 |
Temas similares
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
