El editor php-js-webedit es una herramienta para editar y construir páginas HTML (relativamente complejas) desde un navegador,sin necesitar el Composer, el Frontpage o otros programas especializados. Permite transferir el contenido directamente al servidor mediante un submit o paso por URL. De esta forma se puede guardar fácilmente las páginas en una base de datos.
Se puede utilizar como una aplicación por separado o empotrado en cualquier página web, y es completamente personalizable por parte del programador que lo incluye en una de sus páginas.
El editor php-js-webedit está escrito en HTML y Javascript, y utiliza como lenguaje de servidor el PHP.( Aunque hay una versión en Javascript y HTML exclusivamente. Ver el capítulo 6.- del documento Readme_spanish.txt para más información).
La interface de usuario consiste en una página HTML que incluye una serie de botones y funciones Javascript que actuan sobre un textarea para ayudar a construir un document HTML de forma sencilla. De esta forma se genera el código fuente HTML en el textarea, asistido por las funciones Javascript que preguntan al usuario los valores de los atributos, las opciones, los valores a incluir, etc. En todo momento se puede hacer una vista preliminar de la página para ir viendo como va quedando.
La página del editor se construye dinámicamente en el servidor de forma personalizada, segun un sistema de parametrización que se detalla en el apartado 1.- del documento Readme_spanish.txt. Para implementar esto se ha utilizado, como lenguaje de servidor, PHP.
Aquí tenemos un ejemplo de como puede quedar:
Y un ejemplo de cómo se muestra la vista preliminar:
El editor soporta edición simultánea en varios textareas. (Ver el capítulo 4.- del documento Readme_spanish.txt para más información). Un ejemplo sería:
Una vez se ha construido y transmitida la página que contiene el editor, el cliente puede operar con todas las funcionalidades. Lo que se haga cuando se finalize la tarea y se pulse el botón de 'Guardar', depende de la 'función_save' que se pase como parámetro. Por ejemplo, se puede transmitir la informació al servidor y almacenar el contenido de la página en una base de datos. Esto hace del php-js-webedit una herramienta muy potente para ser integrada en otras aplicaciones como por ejemplo asistentes para la construcción de sitios web, tablones de anuncios, etc.
LISTA DE FUNCIONALIDADES
Las funcionalidades incluidas hasta el momento son:
Vista preliminar.
Generación de Anchors en el documento.
Generación de Links.
Generación de tablas.
Inserción de imágenes en el documento.
Cambio del título del documento.
Cambio del color de fondo del documento.
Consulta de una paleta básica de colores.
Nuevo documento (en blanco).
Utilización y gestión de estilos (estilos con cambio de fuente, tamaño,
color de la fuente, negrita, cursiva y subrayado).
Salto de línea.
Inserción de un espacio en blanco.
Texto con formato: fuente, tamaño, color, negrita, cursiva, subrayado.
Texto en negrita.
Texto en cursiva.
Texto subrayado.
Línea horizontal.
Alineación a la izquierda.
Alineación centrada.
Alineación a la derecha.
Generación de listas numeradas.
Generación de listas sin numeración.
Indentado de párrafo.
Dos modos de funcionamento: guiado y directo.
El editor php-js-webedit ha sido probado sobre Netscape 4.05 y superiores, y Explorer 5.0
El módulo se puede utilizar en tres lenguas diferentes: catalán, español e inglés.
A continuación se muestra un ejemplo de php-js-webedit empotrado en una aplicación de "Tablón de anuncios":
Para dudas y sugerencias podeis contactar con gabi@unica.edu.
