Editor de páginas WYSIWYG en tiempo real [Chrome]

Las personas que usan Chrome o Firefox para propósitos de desarrollo web saben que hay algunas herramientas muy buenas disponibles para cada navegador que hacen que el desarrollo de páginas sea mucho más fácil. Desde la extensión Firebug de Firefox hasta las herramientas de desarrollo web integradas de Chrome, los desarrolladores pueden editar rápida y fácilmente el código que ven en una página y hacer que los cambios aparezcan al instante, lo que les permite determinar qué funciona y qué no..

Sin embargo, a lo largo de todo el proceso, aún necesitará saber una o dos cosas sobre HTML, CSS y código de Javascript, que pueden no ser los mejores para las personas que no saben mucho sobre el código. Afortunadamente, hay una extensión para Chrome que te permite editar páginas de forma WYSIWYG.

Instalación

Para instalar esta extensión, simplemente haga clic en el enlace dentro de Chrome para ir a la página de descarga de la extensión. Haga clic de nuevo y se instalará en segundos. Puede activar la nueva extensión a través de su botón en el área superior derecha.

Principales características

Al hacer clic en el botón de la extensión, podrá editar la página en la que se encuentra actualmente, y deberá hacer clic en el botón de todas las demás páginas que también desee editar, incluso si está en una pestaña diferente. Después de hacer clic en el botón, se te presentan muchas herramientas que te permitirán hacer muchas cosas con el contenido de la página. No solo puede cambiar el formato, sino que también puede cambiar lo que dicen las páginas. Simplemente haga clic y comience a escribir como si fuera su procesador de textos..

Acciones del menú del botón derecho

Si hace clic con el botón derecho en un elemento, obtiene una lista de acciones diferentes que puede hacer con lo que hizo clic. Para texto, obtienes opciones como Pegar, Editar Div., Eliminar Div., y Propiedades de lista con viñetas. Si hace clic en un enlace, también verá opciones para cambiar o eliminar el enlace. Por supuesto, siempre puede agregar un enlace usando el botón apropiado en la barra de herramientas en la parte superior de la página..

Propiedades de la imagen

Al hacer clic en una imagen, puede ver las Propiedades de la imagen, que muestra cosas como la URL, el texto alternativo, el ancho y la altura, y más, todo lo cual también es editable. Incluso puede editar información más avanzada, como la URL de enlace para la imagen y varias otras cosas que los desarrolladores web sabrían más sobre.

Guardando tus cambios

Finalmente, cuando haya terminado con todos los cambios, puede mirarlos fijamente hasta que sea el momento de cerrar su navegador, o puede guardar la página completa, incluidos los cambios, en un archivo HTML. Simplemente presione el botón Guardar y aparecerá una ventana con un enlace en el que puede hacer clic derecho y elegir “Guardar enlace como“. La mejor parte de esto es que guarda la fuente, por lo que siempre tiene eso en caso de que sea necesario.

Conclusión

PageEdit es una extensión bastante ordenada que te permite editar páginas de una manera divertida que tampoco sigue las herramientas de desarrollo tradicionales. Esperamos que pueda divertirse más con esta herramienta que con cualquier otra cosa para hacer páginas web. ¿Necesitas una idea rápida? Intente elegir una página, edítela a su gusto, guárdela en su disco duro y luego apunte su navegador para usarla como su página de inicio. Por ejemplo, puede tomar la página de destino predeterminada de Google y reemplazar el logotipo con una imagen personalizada..

Sin embargo, si desea aprender un poco de código, pruebe nuestra guía en XHTML!

¿Crees que PageEdit es una buena idea? ¿Lo utilizarías sobre las herramientas de desarrollo tradicionales? Háganos saber en los comentarios.!

Explore más acerca de: Google Chrome, HTML, diseño web, desarrollo web, herramientas para webmasters, editores WYSIWYG.