Elementi base dell'editor avanzato
Editor Avanzato, chiamato anche WYSIWYG (What You See Is What You Get - ciò che vedi è ciò che ottieni) significa che il testo viene formattato mentre lo si digita. Mentre ci si concentra sulla scrittura, l'editor avanzato crea il codice HTML. Gli stili dei caratteri, i link, le immagini appaiono esattamente come appariranno su internet.
WordPress include un editor HTML avanzato che funziona con la maggior parte browser utilizzati al giorno d'oggi. Tuttavia editare codice HTML non è la stessa cosa che digitare del testo. Ciascuna pagina web ha due componenti principali: la struttura, che è il codice HTML e che viene prodotta dall'editor mentre si scrive, e la visualizzazione, che viene applicata ad essa dal tema WordPress in uso e dal relativo foglio stile style.css. WordPress produce codice XHTML 1.0 valido il che significa che inserendo interruzioni di riga multiple (marcatori BR) dopo un paragrafo non produce spazio bianco sulla pagina web. I marcatori BR verranno rimossi come non validi dal sistema interno di correzione HTML.
Mentre si utilizza l'editor sono disponibili molte scorciatoie da tastiera come in qualsiasi altro editor di testo. Ad esempio Shift+Enter inserisce una interruzione di riga, Ctrl+C = copia, Ctrl+X = taglia, Ctrl+Z = annulla, Ctrl+Y = ripete, Ctrl+A = seleziona tutto, ecc. (sul Mac devono usare il tasto Command anziché Ctrl). Si veda la linguetta Scorciatoie per tutte le scorciatoie da tastiera disponibili.
Se non piace il modo in cui lavora l'editor avanzato, è possibile disabilitarlo sotto "il tuo profilo" posizionato nel menu di amministrazione Utenti.
Editor avanzato
Immagini e allegati
Nella barra dell'editor è presente un pulsante per inserire immagini che sono già ospitate da qualche parte su Internet. Se si dispone dell'URL di un'immagine, fare clic sul pulsante e inserire l'URL nella finestra che apparirà.
Se si ha la necessità di caricare un'immagine o un altro tipo di file media dal proprio computer, è possibile utilizzare i pulsanti della Libreria Media posti sopra l'editor. La libreria media tenterà di crearne una miniatura (thumbnail) per ciascuna immagine caricata. Per inserire l'immagine all'interno di un articolo, fare clic sulla miniatura per far apparire un menu di opzioni. Una volta selezionate le opzioni desiderate fare clic su "Invia all'editor" e l'immagine o il file apparirà all'interno dell'articolo che si sta scrivendo. Se si sta inserendo un filmato, vi sono delle opzioni aggiuntive nella finestra di dialogo "Media" che può venir aperta tramite la seconda barra degli strumenti.
HTML nell'editor avanzato
Qualsiasi codice HTML immesso direttamente nell'editor avanzato verrà visualizzato come testo nel momento in cui si visualizzerà l'articolo. Quello che si vede è quello che si ottiene. Quando si desidera inserire degli elementi HTML che non possono venir generati con i pulsanti della barra degli strumenti, li si dovrà inserire manualmente nell'editor HTML. Un esempio sono le tabelle e <code>. Per fare ciò, fare clic sul pulsante HTML e modificare il codice, quindi tornare alla modalità Visuale. Se il codice è valido e interpretato dall'editor, lo si vedrà apparire immediatamente.
Incolla nell'editor avanzato
Quando si incollano dei dati da un'altra pagina web i risultati possono essere inconsistenti e dipendere dal browser utilizzato e dalla pagina dalla quale si sono incollati i dati. L'editor tenta di correggere qualsiasi codice HTML non valido che si incolla ma, per un miglior risultato, utilizzare l'editor HTML o uno dei pulsanti per incollare che si trovano sulla seconda riga della barra strumenti. In alternativa provare ad incollare un paragrafo alla volta. In molti browser per selezionare un paragrafo alla volta basta fare un triplo clic su di esso.
Incollare dei contenuti da altre applicazioni, tipo Word o Excel, da migliori risultati utilizzando il pulsante Incolla da Word sulla seconda riga degli strumenti, oppure utilizzando la modalità HTML.
Scrivere rapidamente
Anziché utilizzare il mouse per fare clic sui pulsanti della barra degli strumenti, utilizzare le scorciatoie da tastiera. Windows e Linux utilizzano Ctrl + lettera. Macintosh utilizza Command + lettera.
| Lettera | Azione | Lettera | Azione |
|---|---|---|---|
| c | Copia | v | Incolla |
| a | Seleziona tutto | x | Taglia |
| z | Annulla | y | Ripeti |
| b | Grassetto | i | Corsivo |
| u | Sottolineato | 1 | Testata 1 |
| 2 | Testata 2 | 3 | Testata 3 |
| 4 | Testata 4 | 5 | Testata 5 |
| 6 | Testata 6 | 9 | Indirizzo |
Le seguenti scorciatoie usano tasti di accesso differenti. Alt + Shift + lettera.
| Lettera | Azione | Lettera | Azione |
|---|---|---|---|
| b | Grassetto | i | Corsivo |
| n | Verifica ortografia | l | Allinea a sinistra |
| j | Testo giustificato | c | Allinea al centro |
| d | Barrato | r | Allinea a destra |
| u | • Elenco | a | Inserisci link |
| o | 1. Elenco | s | Rimuovi link |
| q | Cita | m | Inserisci immagine |
| g | Schermo intero | t | Inserisci il tag More |
| p | Inserisci tag di Interruzione pagina | h | Aiuto |
| e | Passa alla modalità HTML | ||
| Larghezza dell'editor nella modalità di scrittura senza-distrazioni: | |||
| Alt +Ctrl + | Più largo | Alt -Ctrl - | Più stretto |
| Alt 0Ctrl 0 | Larghezza predefinita | ||
Info su TinyMCE
Versione: ()
TinyMCE è un editor Javascript HTML WYSIWYG indipendente dalla piattaforma utilizzata e basato sul web rilasciato come Open Source sottoLGPL → da Moxiecode Systems AB. Ha la capacità di convertire in un editor un campo HTML di tipo TEXTAREA o altri elementi HTML.
Copyright © 2003-2011, Moxiecode Systems AB , tutti i diritti riservati.
Per ulteriori informazioni su questo software visita TinyMCE website.
