Nuovo editor: WYSIWYG


Attenzione Nuovo editor: WYSIWYG

Messaggio Da Niko il Sab 22 Giu 2013 - 15:31

Nuovo editor: WYSIWYG


Ciao forumattivo,

con il nuovo editor molte cose sono cambiate e con questo topic guida vogliamo spiegarvi per bene le nuove funzioni del sistema di scrittura :bene:

1. Development:

WYSIWYG è l'acronimo di "What You See Is What You Get". "Quello che vedi è quello che ottieni"applicato all'editor di testo "HTML" ci darà un anteprima di ciò che scriviamo allegando Il testo, colori, grassetto, e-mail, foto ... Fornendoci il risultato del lavoro. 

2. Presentazione




  • "Editor Esteso" 
    Nuovo editor: WYSIWYG Wy110


  • "Editor in risposta rapida" 
    Nuovo editor: WYSIWYG Wy211


3. Come funziona? 

Il sistema WYSIWYG si suddivide in due modalità




  • Una modalità WYSIWYG, che mostra il contenuto come dovrebbe essere poi inviato e visualizzato

    Nuovo editor: WYSIWYG Wy311


  • Una visualizzazione in BBcode (come la conosciamo fin'ora)

    Nuovo editor: WYSIWYG Wy410


 Nuovo editor: WYSIWYG Idea Si cambia da un formato ad un altro con l'ultimo pulsante della serie!

Nuovo editor: WYSIWYG Wy511




  • Una funzione predefinita in modalità WYSIWYG (esempio con il pulsante grassetto è necessario fare clic prima di scrivere)
    Nuovo editor: WYSIWYG Wy611


  • Una funzione in "codice sorgente" che visualizza il codice (BBcode e html)
    Nuovo editor: WYSIWYG Wy711



4. I pulsanti BBcode


Icone Modalità WYSIWYGModalità Codice Sorgente 
Nuovo editor: WYSIWYG Text_boldIl testo in grassetto 
Codice:
Codice:
[b] [/b]
Nuovo editor: WYSIWYG Text_italicMettere il testo in corsivoCodice:
Codice:
[i] [/ i]
Nuovo editor: WYSIWYG Text_underlineSottolineare il testoCodice:
Codice:
[u] [/u]
Nuovo editor: WYSIWYG Text_strikethroughTesto allineatoCodice:
Codice:
[strike] [/strike]
Nuovo editor: WYSIWYG Text_align_leftAllinea il testo a sinistraCodice:
Codice:
[left] [/left]
Nuovo editor: WYSIWYG Text_align_centerTesto CentroCodice:
Codice:
[center][/center]
Nuovo editor: WYSIWYG Text_align_rightAllineare il testo a destraCodice:
Codice:
[right][/right]
Nuovo editor: WYSIWYG Text_align_justifyGiustificare il testoCodice:
Codice:
[justify] [/justify]
Nuovo editor: WYSIWYG Text_list_bulletsFare un elenco (non numerato)Codice:
Codice:

[list]
[*]
[/list]
Nuovo editor: WYSIWYG Text_list_numbersFate una lista numerataCodice:
Codice:
[list=1]
[*]
[/list]
Nuovo editor: WYSIWYG Text_horizontalruleInserire una linea di separazione (in orizzontale)Codice:
Codice:
[hr]
Nuovo editor: WYSIWYG CommentsFai citare o quotare qualcuno (citazione)Codice:
Codice:
[quote] [/quote]
Nuovo editor: WYSIWYG Page_white_codeConsente di mettere codici (HTML, CSS, ...)Codice:
Codice:
[code] [/code]
Nuovo editor: WYSIWYG FaspoilerMette unisce SpoilerCodice:
Codice:
[spoiler] [/spoiler]
Nuovo editor: WYSIWYG FahideNascondi il testoCodice:
Codice:
[ hide ] [/ hide ]
Nuovo editor: WYSIWYG 110Consente di inserire una tabella, selezionare il numero di righe e colonne.Codice:
Codice:
[ table ] [ tr ] [ td ] [/ td ] [/ tr ] [/ table ]
Nuovo editor: WYSIWYG Picture_savePermette di caricare un'immagine direttamente a un servizio di hosting
-
Nuovo editor: WYSIWYG PictureInserisci un'immagine utilizzando l'indirizzo URL di questoCodice:
Codice:
[ img ] [/ img ]
Nuovo editor: WYSIWYG LinkInserire un link che punta la direzione e il testo da indicareCodice:
Codice:
[ url ] [/ url ]
Nuovo editor: WYSIWYG 210Inserire un video di youtube 
Codice:
Codice:
[ youtube ] [/ youtube ]
Nuovo editor: WYSIWYG 310Inserire un video di DailymotionCodice:
Codice:
[ dailymotion ] [/ dailymotion ]
Nuovo editor: WYSIWYG Page_white_flashInserire contenuti Flash direzione di puntamento del file SWFCodice:
Codice:
[ Flash ( x , e )] [/ flash ]
Nuovo editor: WYSIWYG 410Consente di modificare la dimensione del testoCodice:
Codice:
[ size ] [/ size ]
Nuovo editor: WYSIWYG 510Consente di modificare il colore del testoCodice:
Codice:
[ Colore ] [/ colore ]
Nuovo editor: WYSIWYG Font10Consente di modificare il tipo di carattere o lo stile del testoCodice:
Codice:
[ font ] [/ font ]
Nuovo editor: WYSIWYG 710Consente di rimuovere tutti gli stili (colore, grassetto, ...)
nel testo selezionato
-
Nuovo editor: WYSIWYG 910Mostra / nascondi più pulsanti
Nuovo editor: WYSIWYG 1011PediceCodice:
Codice:
[ sub ] [/ sub ]
Nuovo editor: WYSIWYG 1111ApiceCodice:
Codice:
[ sup ] [/ sup ]
Nuovo editor: WYSIWYG 1210ScorrimentoCodice:
Codice:
[ scroll ] [/ scorrere ]
Nuovo editor: WYSIWYG 1310Spostamento verticaleCodice:
Codice:
[ updown ] [/ updown ]
Nuovo editor: WYSIWYG 1410Codice di Embed WOWCodice:
Codice:
[ wow ] [/ wow ]
Nuovo editor: WYSIWYG 1510Codice AelatorioCodice:
Codice:
[ rand ] [/ rand ]
Nuovo editor: WYSIWYG 1610Lancio dei dad (solo se attivo)Codice:
Codice:
[ roll ] [/roll]
Nuovo editor: WYSIWYG 1710Smilies-
Nuovo editor: WYSIWYG 1810Inserisci data corrente-
Nuovo editor: WYSIWYG 1910Inserire l'ora corrente-
Nuovo editor: WYSIWYG 2010Inserire il testo normale-
Nuovo editor: WYSIWYG 2110Cambio della modalità WYSIWYG/Source mode-



5. Funzioni aggiuntive 



  • Si può mettere il nick dell'autore in una citazione e modificare l'immagine che si desidera

    Nuovo editor: WYSIWYG 3210


  • Spoiler nella barra di modifica

    Nuovo editor: WYSIWYG 3010


  • Quando si inserisce un'immagine è possibile scegliere la larghezza e l'altezza

    Nuovo editor: WYSIWYG 3110


  • Quando si inserisce un URL è possibile inserire una descrizione

    Nuovo editor: WYSIWYG 3410


  • È possibile scegliere un sacco di nuovi colori

    Nuovo editor: WYSIWYG 3510


  • Facendo clic sui pulsanti "Altri" altri pulsanti appaiono e scompaiono

    Nuovo editor: WYSIWYG 4010

    Nuovo editor: WYSIWYG 4110


  • È possibile aggiungere la data e l'ora del momento

    Nuovo editor: WYSIWYG 4210


  • È possibile copiare il testo da una parola o di altra pagina del sito e incolla senza formattare

    Nuovo editor: WYSIWYG 4410




6. Nel pannello di amministrazione 
Nuovo editor: WYSIWYG 6010


Nuovo editor: WYSIWYG 6110



Nuovo editor: WYSIWYG Warning
Abbiamo sviluppato il nuovo editor solo nella parte esterna (forum), per ora. Naturalmente lo faremo al più presto anche all'interna PA, ma non funziona con il browser ChromeNuovo editor: WYSIWYG 675571

Cordiali saluti,
Team Forumattivo :zen:


Tutorial creato da: Staff tecnico/PRO
Copyrigth ©️ FORUMATTIVO.COM
Niko
Niko
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 23
Messaggi : 7799
Località : Provincia di Varese


https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum