Como explicamos en la presentación del proyecto, Skyweb permitirá crear y editar HTML a través de una aplicación web. No es que vayamos a usar elementos de alto nivel, como Java o Flash para crear un entorno de edición, sino que usaremos HTML para ello.
Editar el código es algo sencillo, tan sólo se necesita un área de texto con el código HTML a editar, pero ¿cómo permitir un entorno de edición visual WYSIWYG?. La respuesta es utilizando la propiedad “contenteditable” de HTML.
Esta propiedad, que puede añadirse a cualquier elemento como cualquier otra de las propiedades definibles en CSS o directamente sobre los objetos de que componen la estructura de una web, permite editar el contenido del HTML en una web. Es decir, la web se cargará con total normalidad, pero si pinchamos sobre un texto, podremos escribir y eliminar texto de él, podremos copiar y pegar elementos, o mover las imágenes de su posición. En esto se basará nuestra ventana de edición: el lugar donde esté contenido el código HTML que estemos editando tendrá esta propiedad activada.
Lo demás será reconocer la selección que hagamos de un elemento para leer sus propiedades, añadir herramientas que añadan nuevos elementos o modifiquen los seleccionados (por ejemplo, poner un texto en negrita). De esta forma conforme modifiquemos el diseño de la web, podremos ver como está quedando, ya que estaremos trabajando directamente sobre ella. De esta forma tan sencilla podemos tener nuestra vista de modo diseño, con la ventaja de que veremos todo renderizado con el motor del navegador que estemos usando, sin preocuparnos de la independencia del motor de la herramienta, como ocurre en soluciones de escritorio.
Más adelante iremos contando más cosas sobre DOM, la propiedad contenteditable, acceder a propiedades de un objeto HTML y muchas otras cosas que componen Skyweb.
Últimos comentarios