Web de la Universitat Internacional de Catalunya

wysiwyg_web_edit
Volver a lista de FreeSoft en la UIC Download
El wysiwyg_web_edit es un editor HTML WYSIWYG empotrable en página web. Diseñado para generar código HTML directamente desde un navegador y de forma WYSIWYG, no requiere conocimientos de HTML. Es fácilmente empotrable en tus páginas web y lo puedes utilizar indistintamente en Netscape y Explorer.

(El wysiwyg_web_edit ha sido desarrollado por el equipo de software de la Universitat Internacional de Catalunya a partir de las aportaciones iniciales de Fernando Álvarez - fer@onplaza.com.)

El wysiwyg_web_edit consiste en un control ActiveX (Dhtmled.ocx) que viene incluido en la instalación standard de Explorer 5.0 o superior, y que en Netscape es manejado a través de un plug-in diseñado para ejecutar controles ActiveX en Netscape. (Este plug-in está desarrollado por la empresa Esker y es de libre distribución. Para más información leer el capítulo '1.- Instalación' del documento Readme_spanish.txt.)

Además se añade una botonera de iconos que, a través de funciones Javascript permiten controlar lo que se muestra en el objeto ActiveX (que es el cuadro de texto), de forma que la edición es WYSIWYG según el estilo propio de las herramientas de ofimática.(Incluso las funciones de Cortar, Copiar y Pegar son OLE compatibles y por tanto permiten pegar objetos de ofimática como hojas de cálculo o documentos de texto con formato.)

A continuación podemos ver una captura de pantalla del wysiwyg_web_edit empotrado en una página:

Una vez se ha cargado la página que contiene el editor y el control ActiveX (y en el caso de Netscape, el plug-in de Esker), 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' o la url de submit que especifique el programador que empotra el wysiwyg_web_edit. Por ejemplo, se puede transmitir la información al servidor y almacenar el contenido de la página en una base de datos. Esto hace del wysiwyg_web_edit 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.

El editor wysiwyg_web_edit 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 '4.-Editor wysiwyg_web_edit sin PHP' del documento Readme_spanish.txt para más información).

El editor soporta edición simultánea en varios cuadros de texto. (Ver el capítulo '3.- Inclusión de múltiples instancias en una página' del documento Readme_spanish.txt para más información). Un ejemplo sería:




LISTA DE FUNCIONALIDADES

Las funcionalidades incluidas hasta el momento son:
  1. Documento nuevo.
  2. Guardar (a través de una función JavaScript definida por el programador o por submit del contenido a una base de datos).
  3. Cortar, Copiar, Pegar : OLE compatibles, esto es, permite pegar objetos de ofimática como hojas de cálculo o documentos de texto con formato.
  4. Deshacer y Rehacer: permite deshacer (y volver a hacer) todas las acciones desde el inicio de la edición.
  5. Buscar: permite buscar cadenas de caracteres en el documento.
  6. Generación de Links.
  7. Inserción de imágenes.
  8. Color de fondo del documento.
  9. Inserción de tablas.
  10. Funciones para gestión de tablas: añadir fila y columna, suprimir fila y columna, añadir y suprimir celdas, combinar y dividir celdas.
  11. Formateo de texto: tipo y tamaño de letra, color del texto y color de fondo del texto, negrita, cursiva, subrayado.
  12. Alineación de párrafo: derecha, izquierda y centrado.
  13. Generación de listas numeradas y no numeradas.
  14. Indentado y deindentado de párrafos.


El editor wysiwyg_web_edit ha sido probado sobre Netscape 4.76 y superiores, y Explorer 5.0

Se puede utilizar en tres lenguas diferentes: catalán, español e inglés.

A continuación se muestra un ejemplo del wysiwyg_web_edit empotrado en una aplicación de "Tablón de anuncios":


Para dudas y sugerencias podeis contactar con gabi@unica.edu.


Volver a lista de FreeSoft en la UIC Download
 Este sitio se ve mejor con Netscape 4.5 o superiores o iexplorer 4.0 y superiores y a 800 x 600 Última actualización: 22 de Agosto de 2001