aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Andrés Nieto

Palma de Mallorca, España

Menú

Buscador

¿Como editar cualquier página?

6 Feb

aNieto2k hace 6077 días en: Curiosidades, javascript, Programacion, webdev

+ 49

Esto más que una utilidad es una gran curiosidad que más de uno sabrá darle una buena utilidad.

Vamos a cualquier página
Eliminamos todo lo que nos encontremos en la barra de direcciones
Insertamos el siguiente código.
Comenzamos a editar.

Código

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Esto es debido al atributo contentEditable que nos permite editar el contenido, y designMode que nos da la posibilidad de editar el documento. La he probado sobre Firefox 2.0 y Internet Explorer 7.0, funcionando en ambos casos.

Actualización

Esta opción, por defecto no permite guardar los cambios realizados.

45 comentarios, 4 referencias

512 Megas » Rockbox 06/02/2007 07:02
Jorge Pablo » Blog Archive » Trucos 08/02/2007 01:02
links for 2007-02-07 en newdisco 15/02/2007 09:02
Trucos Blogger » ¿Como editar cualquier página? 11/04/2007 08:04

Statuesque
@2 febrero 6th, 2007 at 12:52 pm

Eres un genio xD

Responder
Ernesto Schutz
@3 febrero 6th, 2007 at 3:40 pm

Si es interesante… cuando menos.
No deja de ser curioso darte la posibilidad de poder «mover» algunas cositas.

Salu2, buen tip

Ernesto Schutz

Responder
Francisco de Asís
@4 febrero 6th, 2007 at 4:06 pm

!!Estupendo!!

Para tenerlo siempre a mano se puede hacer los siguiente:

1º Guardar en los marcadores o favoritos cualquier página por ejemplo http://www.google.es (Firefox o IE).

2ºAbrir «Administrar marcadores …» o «Organizar favoritos ..»

3º Seleccionar la página que hemos guardado anteriormente por ejemplo http://www.google.es y pulsar sobre el icono de la barra superior «propiedades» si usas Firefox o botón derecho y en el menú desplegable seleccionar «propiedades» si usas IE.

4º En Firefox cambiar el nombre del enlace por: «Editar web» y donde pone Ubicación poner: javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0.

En IE, en la pestaña «General» cambiar el nombre por: «Editar web» y en la pestaña «Documento Web», donde pone «Dirección URL:» poner: javascript:document.body.contentEditable='true'; document.designMode='on'; void 0.

5ºGuardar y aceptar.

Cada vez que pulsemos sobre ese marcador o favorito nos pondrá en edición la página que estemos visitando en ese momento.

Soy muy malo haciendo tutoriales; pero espero que todo esté claro.

😉

Responder
gabriel
@5 febrero 6th, 2007 at 4:26 pm

de lo más interesante, es relamen bueno , poder jugar con los sitios

Responder
manu
@6 febrero 7th, 2007 at 12:03 am

En Safari también funciona.

Responder
aNieto2k
@7 febrero 7th, 2007 at 12:19 am

Manu, te puedes creer que ni lo he probado y eso que lo he probado desde el mac… aun soy muy Windows… necesito reciclaje 😀

Gracias campeón.

Responder
trystan4861
@8 febrero 7th, 2007 at 10:32 am

También es interesante volver a dejar el web como estaba antes, es decir, quitar el modo de edicion:

javascript:document.body.contentEditable=’false’; document.designMode=’off’; void 0

Así podremos interactuar nuevamente con el web sin miedo a mover nada de sitio

Responder
Micox
@9 febrero 7th, 2007 at 11:15 am

Perfecto!!

Basico pero genial.
Muy bueno para testar diversos tipos de layout.

Responder
Antonio Manco
@10 abril 6th, 2007 at 8:56 pm

Pero no se puede grabar la web modificada…es una excelente utilidad pero cuando pongo guardar no sale lo editado, alguna sugerencia.??

Gracias

Responder
daniel
@11 octubre 10th, 2007 at 11:34 pm

me gusto mucho

Responder
Beningie
@12 octubre 27th, 2007 at 10:39 am

Esta muy bien.
Estoy haciendo una pagina web y me gustaria que no saliera lo de editar, alguien me puede ayudar, es que soy muy novato en esto. Aunque luego ya veo que se puede quitar.
Gracias

Responder
alejowitt
@13 noviembre 20th, 2007 at 10:30 pm

si es bueno pero cuando quites eso y pogas otra vz la pagina se quedara como si no fueras hecho nada

Responder
Pablo
@14 diciembre 8th, 2007 at 5:13 am

¿como hago para guardar los cambios?
cada vez q cierro o actualizo la pagina…. los cambios se pierden

Responder
miguel
@15 diciembre 20th, 2007 at 7:42 pm

pero despues que cierro y la abro de nuevo la pagina queda como estaba como hago para que se quede como yo la modifique

Responder
Izy
@16 marzo 2nd, 2008 at 9:25 pm

hey mam es cierto nno se pueden guardadr cambios?

Responder
Argoitz kkoitz
@17 mayo 21st, 2008 at 12:53 pm

Comose guarda? Contestar por favor.

Responder
Argoitz kokoitz
@18 mayo 26th, 2008 at 12:00 pm

Contestar ya!!!!!

Responder
aNieto2k
@19 mayo 26th, 2008 at 12:21 pm

@Argoitz kokoitz: Tendrás que almacenar mediante Javascript todos los datos a todos los elementos de la página.

Responder
Fernando
@20 julio 5th, 2008 at 5:39 pm

Hola, me gustaria hacer el mismo efecto de editar pero en un div, osea una determinada parte de la pagina, yo lo q hice anda en IE pero no en firefox, lo que hago es

document.getElementById(«midiv»).contentEditable = «true»;

esto en IE anda pero no en mozila, como podria hacerlo para que ande en los dos navegadores? gracias

Responder
memo
@21 julio 24th, 2008 at 4:08 am

lo malo es que no se guardan las páginas xD gracias me he divertido mucho editando esta página =)
paz

Responder
arlet
@22 septiembre 4th, 2008 at 7:17 pm

que tengo que hacer para guardar cambios de una pagina web??????????????????????»»»»’

Responder
Hazel
@23 septiembre 11th, 2008 at 5:39 pm

Hola Me gustaría saber como evitar que se ejecuten Javascript en el url del Browser, es esto posible??

Muchas Gracias
Hazel

Responder
brandon
@24 octubre 16th, 2008 at 1:44 am

jajja tambien en la nueva version de firefox y le puse mi nombre a google
jajaja

Responder
Janckos
@25 octubre 16th, 2008 at 1:34 pm

bueno para jugar con los contenidos XD

Responder
sasuke
@26 enero 31st, 2009 at 11:40 pm

emm pero komo le ago q se grave?

Responder
DarksDavids
@27 abril 6th, 2009 at 12:27 am

alguien q sepa ya lo intente en urban rivals,me modifica los cintz y credits pero cuando cargo la pagina me aparece todo normal ayudeneme!! gracias

Responder
Zero
@28 abril 17th, 2009 at 1:00 am

Lo malo es que no te deja guardarlo como modificaciones 🙁

Responder
Pandas
@29 abril 25th, 2009 at 1:43 am

Saludos a todos!!! Miren, yo al modificar una página, ya la edito y todo, pero, para desactivar el modo de editar???? 🙁
Pongo el código que dice nuestro compañero, pero no sirve y siempre me quedo en el modo editar, cómo puedo salir de ese modo sin tener que actualizar la página o dejar la página como antes????
Es Una Muy Buena herramienta, me ha servido mucho XD
Espero que me Respondan Y Saludos!!!!!

Responder
vankita
@30 mayo 9th, 2009 at 4:03 am

GEnial!!!! me has resuelto un super problema gracias,, ahora quisiera saber como exportarlo o copiarlo a dream weaver jajajaja 😛

Responder
david
@31 mayo 15th, 2009 at 11:18 pm

hola, me wustaria ke alwien me mandara komo se guardan las paginas,todo please a davitunner@gmail.com
respondas pleae, es paa urban rivals

Responder
Michan
@32 mayo 28th, 2009 at 4:22 pm

Pues a mi no me va, y uso el ie 7

Responder
raul
@33 junio 18th, 2009 at 8:39 pm

Hola!! quisiera como hacer que en urban rivals cuando pones lo de javascrip content……………….. se te quede los creditos y todo asi pero poder jugar normal. Contesten

Responder
ioo
@34 junio 21st, 2009 at 12:00 am

Ola k tal
ps yo keria etidar un metro
y si lo hize
pero despues entrea el
y no se guardo
ALGUIEN SABE SI PUEDO GUARDAR LOS CAMBIOS???

Responder
daniieeL
@35 junio 25th, 2009 at 5:44 am

Ola qisiera saber qomo acerle para guardar los cambiiooss ii ce qede qomo la editee qontestenn x favor ok bae

tt;daniieeL

Responder
facundo
@36 junio 26th, 2009 at 1:51 am

esta bueno pero como funciona

Responder
fali-montes23
@37 junio 29th, 2009 at 1:21 pm

Como se puede kdar guardado lo k has modificado? Respondadme por favor

Responder
Carlos Carmona
@38 julio 10th, 2009 at 11:28 pm

No encuentro en Firefox 3. 5 «editar web».

¡GRACIAS!

Responder
xD
@39 julio 31st, 2009 at 11:10 pm

jejeje, esta divertido, cuando te aburres puedes recurrir a esto y hacer unas cuantas tonterias xD

hombre, guardar guardar no, pero puedes darle a imp pant y guardar en el paint tu obra maestra xD

Responder
cadasdd
@40 agosto 8th, 2009 at 8:30 pm

PUES YO KIERO EDITAR LA PAGINA CON EL TEXTO KE YO KIERO Y KE ADEMAS AUN ASI ME ENLACE A LO KE TENIA LA PAGINA ANTERIOR Y TAMBIEN SE PUEDA GUARDAR COMO .HTML…. SI SAVEN DE ALGO COMO LO KE PIDO PUES DIGAN LO
blakmagic2007@hotmail.com

Responder
fran
@41 agosto 23rd, 2009 at 5:38 pm

ola mira haber si alguien sabe como una vez cambiado las cantidades en el urban rivals es decir los creditos y los clintzs,guardo los cambio para iniciar sesion con los cambios hecgo,,,,,,espero respuesta GRACIAS

Responder
patricio
@42 octubre 10th, 2009 at 10:02 pm

no puedo hacerlo no me sale 🙁

Responder
shonix/eleektro
@43 octubre 13th, 2009 at 12:32 am

ME VINO AL PELO
PARA ASUSTAR A PAPA e,e
AHAHAHA
GRAAX!! (L

Responder
bryan rock
@44 octubre 14th, 2009 at 3:17 am

sta muy bueno xD
5/5 t felicito jejejeje

Responder
Arthuro
@45 octubre 18th, 2009 at 5:50 am

pos, me gustaria aser cosas diferentes ai

Responder
by: cheqaa emow
@46 octubre 23rd, 2009 at 1:17 am

te re buenooo!!

Responder