L'editor php-js-webedit és una eina per a editar i construir pàgines HTML (relativament complexes) des d'un navegador, sense necessitar el Composer, el Frontpage o altres programes especialitzats. Permet transferir el contingut directament al servidor mitjançant un submit o pas per URL. D'aquesta forma es pot guardar fàcilment les pàgines a una base de dades.
Es pot fer servir com una aplicació pròpiament o bé empotrat a qualsevol pàgina web, i és completament personalitzable per part del programador que l'inclou a una pàgina web pròpia.
L'editor php-js-webedit està escrit en HTML i Javascript, i fa servir com llenguatge de servidor el PHP.( Tot i que hi ha una versió en Javascript i HTML exclusivament. Veure el capítol 6.- de l'arxiu Readme_catala.txt per a més informació).
La interfície d'usuari consisteix en una pàgina HTML que inclou una serie de botons i funcions Javascript que actuen sobre un textarea per ajudar a construir un document HTML de forma senzilla. D'aquesta forma es genera el codi font HTML al textarea, assistit per les funcions Javascript que demanen a l'usuari els valors del atributs, opcions, valors, etc. En tot moment es pot fer una vista preliminar de la pàgina per anar veient com va quedant.
La pàgina de l'editor es construeix dinàmicament al servidor de forma personalitzada, fent servir un sistema de parametrització que es detalla a l'apartat 1.- del document Readme_catala.txt. Per a implementar això s'ha fet servir, com a llenguatge de servidor,
PHP.
Aquí tenim un exemple de com pot quedar:
I un exemple de com es mostra la vista preliminar:
L'editor suporta edició simultània en varis textareas. (Veure el capítol 4.- del document Readme_catala.txt per a més informació). Un exemple seria:
Un cop s'ha construit i transmés la pàgina que conté l'editor, el client pot operar amb totes les funcionalitats. El que es faci quan s'acabi de fer servir l'editor i es premi el botó de 'Guardar' depén de la funció 'funcio_save' que es passi com a paràmetre. Per exemple, es pot transmetre la informació al servidor i emmagatzemar el contingut a una base de dades. Això fa que el php-js-webedit constitueixi una eina molt potent per a ser integrada a d'altres aplicacions com per exemple assistents per a la construcció de llocs web, taulons d'anuncis, etc.
LLISTA DE FUNCIONALITATS
Les funcionalitats incloses fins al moment són:
Vista preliminar.
Generació de Anchors al document.
Generació de Links.
Generació de taules.
Inserció d'imatges al document.
Canvi del títol de document.
Canvi del color de fons del document.
Consulta d'una paleta bàsica de colors.
Nou document (en blanc).
Utilització i gestió d'estils (estils amb canvi de font, tamany, color
de la font, negreta, cursiva i subratllat).
Salt de línia.
Inserció d'un espai en blanc.
Text en negreta.
Text amb format: font, tamany, color, negreta, cursiva, subratllat.
Text en cursiva.
Text subratllat.
Línia horitzontal.
Alineació a l'esquerra.
Alineació centrada.
Alineació a la dreta.
Generació de llistes numerades.
Generació de llistes no numerades.
Indentat de paràgraf.
Dos modes d'assistència a l'usuari: guiat i directe.
L'editor php-js-webedit ha estat provat a Netscape 4.05 i superiors, i Explorer 5.0
El mòdul es pot utilitzar en tres llengües diferents: català, espanyol i anglès.
A continuació es mostra un exemple d'ús del php-js-webedit empotrat a una aplicació de "Tauló d'anuncis":
Per a dubtes i suggerències podeu contactar amb gabi@unica.edu.