Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

¿Cómo copiar el código fuente de una web en orden?

17 de septiembre de 2014

Hola, cuando veo el código en una página con el visor de Google Chrome, lo veo detalladamente en orden. Pero cuando lo copio y pego, ¡se pega todo en una sola línea! ¿Cómo puedo evitar esto?

Ejemplo de código visto con el visor:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Ejemplo</title>
  </head>
  <body>
  </body>
</html>

Cuando lo copio y pego en el bloc de notas:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Ejemplo</title></head><body></body></html>

Respuestas

#1

He estado buscando y no encuentro ninguna extensión que se integre en el visor de Google Chrome y haga lo que quieras. Mi recomendación sería que copies el código tal y como está y luego lo formatees al pegarlo en tu editor de código.

Todos los editores de texto utilizados en diseño/programación web tienen la opción de poner todo el código en orden. Y si no tienen esa opción, es casi seguro que existirán plugins que lo hacen.

Otra alternativa sería usar servicios online que formatean el código que les indiques. Puedes probar por ejemplo dirtymarkup.com que es bastante sencillo y funciona muy bien.

@javiereguiluz

18 septiembre 2014, 9:04
#2

Gracias por la respuesta, ¿puedes recomendarme un editor gratuito con el que se pueda ordenar el código?

Cuando pego el código en dirtymarkup.com, se ve todo en una sola línea, al igual que si lo pego en el Bloc de Notas.

@Danielduralai

19 septiembre 2014, 16:12
#3

No entiendo qué problema ha podido suceder con dirtymarkup.com, porque te aseguro que funciona bien. Sólo tienes que pegar cualquier código desordenado, pulsar el botón CLEAN y al instante lo verás todo ordenado.

Si quieres probar editores gratuitos para obtener el mismo resultado, puedes optar por:

  • Notepad++ con el plugin TextFX. Es un editor de texto muy completo y muy ligero.
  • Netbeans, que ya incluye la opción para formatear todo tipo de código, no sólo HTML. Este es un entorno de desarrollo, por lo que es mucho más lento y pesado que un editor de texto.

@javiereguiluz

19 septiembre 2014, 17:11
#4

Tengo el Notepad ++, lo instale porque recuerdo que cuando pegaba un codigo este se ordenaba completamente, pero lo pego ahora y pasa lo mismo que con el comun, o sea se pega todo en una sola linea, sabes si hay que tocar alguna opcion? y ese plugin es para eso?

@Danielduralai

19 septiembre 2014, 20:27