Indice articolo

Nella versione 1.16.6 di Web.UP è stato rilasciato un nuovo componente web, il text editor o TED.

In componente TED è un nuovo strumento per l’editazione di testi. E’ possibile editare i testi sia in html che in markdown.

Questo componente non è supportato in LoocUP.

 

 

Come utilizzare il componente Text Editor

Il componente text editor e richiamabile all’interno delle schede usando la classica sintassi:

::G.SEZ Pos(1)
::G.SUB.TED Tit="..."
::D.FUN.STD F(TED;*EDTLET;LET) 1(MB;[file];[membro]) 2(OJ;*LIB;[libreria])

 

Presentazione Text Editor in modalità edit di html

quando editiamo un file html il componente  si presenterà nel seguente modo:

 

Text editor html

 

 

Questa è la toolbar in modalità html:

 

Toolbar modalità html

 

Tra le varie caratteristiche abbiamo :

  • la modifica della dimensione del font (small, normal, large, huge)
  • Grassetto,  sottolineatura, corsivo
  • Colore del font
  • Elenchi puntati
  • Elenchi numerati
  • Salvataggio del testo
  • Reload
  • Visualizzazione dell’history

Il componente prevede anche un tag “::G.SET” in cui è possibile personalizzare la toolbar, possiamo nascondere i bottoni di “submit” e “reload”, oppure visualizzare la toolbar in stile lite, in cui la maggior parte dei bottoni non indispensabili vengono nascosti oppure nella classica versione completa. Il default è la versione lite.

In caso è possibile anche impostare l’editor in versione read only.

 

 

Presentazione Text Editor in modalità edit di markdown

vediamo ora il text editor in modalità markdown:

Text editor markdown

Questa è la toolbar del in modalità markdown:

Toolbar modalità markdown

 

Tra le varie caratteristiche abbiamo :

  • Visualizzazione anteprima
  • Cambio grandezza font
  • Inserimento apici
  • Grassetto,  sottolineatura, corsivo
  • Elenchi puntati
  • Elenchi numerati
  • Inserimento di un link
  • Inserimento di un’immagine
  • Salvataggio del testo
  • Reload
  • Visualizzazione dell’history

Tutti gli attributi di setup sopra citati sono validi anche nel caso l’editor sia in versione markdown.

E’ possibile visualizzare la scheda di esempio nello Showcase di Web.UP a questo indirizzo.