L'editor
Per tal d'inserir continguts a dins de les pàgines i dels articles, XTECBlocs utilitza un editor que treballa amb dos modes d'edició diferents: el mode Visual i el mode Text. A cada un d'ells un conjunt d'icones proporcionen un seguit de funcionalitats que simplifiquen l'edició dels continguts.
Mode d'edició Visual
Quan el mode d'edició Visual es troba actiu, a la part superior de l'editor hi trobem una barra d'eines on apareixen un seguit d'icones que faciliten l'edició del contingut.
A continuació podem veure una taula que descriu la funcionalitat de les diferents icones d'aquest mode d'edició.
Permeten canviar el format del text activant o desactivant la negreta, la cursiva, el subratllat i el ratllat.
Permeten crear llistes no numerades, llistes numerades i el sagnat.
Permeten ajustar l'alineació del text a l'esquerra, centrada o a la dreta.
Permeten, per ordre, crear i eliminar enllaços a altres llocs web, inserir imatges, inserir més etiquetes i inserir salts de línia respectivament.
Permeten, per ordre, determinar l'idioma del corrector ortogràfic, activar el mode a pantalla completa i mostrar o amagar la barra d'eines avançada respectivament.
Permeten inserir vídeos del YouTube, del Vimeo i recursos de Flash respectivament.
Permeten canviar la mida de la font i l'estil del text (capçalera, paràgraf...).
Permeten, per ordre, enganxar des del porta retalls text pla, és a dir, sense format, text amb format Word i netejar el format del text seleccionat.
Permet inserir caràcters especials.
Permeten desfer i refer canvis.
Permeten seleccionar el color del text i del fons respectivament.
Permet visualitzar l'ajuda avançada de l'editor.
Permet afegir un superíndex i un subíndex.
Permet inserir i editar un mèdia incrustat.
Permet penjar a la mediateca continguts multimèdia per tal d'inserir-los als articles.
El mode d'edició Visual utilitza un editor WYSIWYG, acrònim de l'anglès "What You See Is What You Get" (el que veus és el que obtens), és a dir, l'aspecte del contingut que es veu en aquest mode d'edició es correspon a l'aspecte que tindrà en el bloc un cop publicat.
Mode d'edició Text
Quan el mode d'edició Text es troba actiu, a la part superior de l'editor hi trobem una barra d'eines enfocada a l'edició de codi HTML. Aquest mode d'edició està indicat només per aquells usuaris/àries que estan familiaritzats amb el llenguatge HTML.
A la taula següent podeu veure una descripció de la funcionalitat de les diferents icones d'aquest mode d'edició.
Aquestes eines permeten canviar el format del text activant o desactivant la negreta i la cursiva.
Des d'aquest botó podreu afegir enllaços a altres pàgines de la xarxa.
El tag blockquote defineix una cita i es fa servir habitualment per definir-les com a paràgrafs.
Aquestes dues eines serveixen per indica un text eliminat a un document (text ratllat) i un text inserit respectivament. Normalment es fan servir per donar informació sobre els canvis o actualitzacions al document.
Amb aquest tag podeu inserir un fitxer d'imatge allotjat en un altre lloc web mitjançant l'URL d'aquesta.
El tag HTML ul insereix una llista sense ordre (pics) i el tag ol una llista amb ordre (numerada). Els elements d'aquesta llista els podeu definir mitjançant el tag HTML li.
Amb aquesta etiqueta podeu designar un text de codi per tal que els navegadors puguin mostrar aquest text en un estil de font diferent.
El text inserit dins d'aquesta eina serà ignorat por el navegador i per tant invisible per a l'usuari/ària.
Permet buscar significat de paraules al diccionari.
Aquesta eina serveix per tancar totes aquelles etiquetes que us heu deixat obertes a l'editor.
Aquesta icona permet afegir vídeos del YouTube
Aquesta icona permet afegir vídeos del Vimeo
Aquesta icona permet afegir animacions flash.
Permet activar el mode pantalla completa.
En ocasions quan treballem amb codi HTML des del mode d'edició HTML i després canviem al mode d'edició Visual l'editor fa malbé part del codi que teníem inserit. Un dels consells per minimitzar aquests inconvenients és editar sempre en mode d'edició Visual i, un cop passem a mode d'edició HTML per inserir codi HTML, no tornar al mode d'edició Visual per evitar la pèrdua de contingut.
Addició d'un mèdia
L'editor també disposa d'unes icones visibles en qualsevol dels dos modes d'edició que faciliten la tasca d'afegir diferents fitxers mèdia com ara imatges, vídeos o música d'una manera molt senzilla.
Un cop es fa clic en el botó s'obre una finestra per poder seleccionar fitxers, crear una galeria i gestionar la Mediateca del bloc.
