Una applicazione standard word processor consente di evidenziare il testo e modificare il suo stile, la dimensione, tipo di carattere e altre proprietà con il clic di un pulsante, mentre una normale pagina Web & # 039; s area di testo consente di immettere solo testo normale. Qualcuno abile con JavaScript si potrebbero aggiungere questa funzionalità, ma così facendo avrebbe richiesto ore di lavoro e centinaia di righe di cavo. Per fortuna, ci sono una serie di liberi, download open source disponibili che consentono a un webmaster di aggiungere WYSIWYG ( "quello che vedi è quello che ottieni") funzionalità per le sue pagine in pochi minuti.

istruzione

utilizzando openWYSIWYG

1 Scarica il openWYSIWYG file ZIP, che può essere trovato nella sezione delle risorse.

2 Decomprimere e caricare i file sul server Web. Assicurarsi che la directory e dei singoli file sono accessibili dagli utenti remoti.

3 Aggiungere lo script per il codice HTML della pagina che si desidera utilizzare l'editor on. Se il sito Web è mysite.com, e si ha lo script memorizzato nella directory wysiwyg, si dovrebbe utilizzare la seguente riga di codice:

& Lt; script language = tipo "JavaScript" = "text / javascript" src = "http://www.mysite.com/wysiwyg/wysiwyg.js"></script>

4 Creare l'area di testo che si desidera utilizzare. Essere sicuri di dare un ID.

& Lt; textarea id = "example_textarea" & gt; & lt; / textarea & gt;

5 Aggiungere il codice JavaScript che consente l'area di testo & # 039; s proprietà WYSIWYG.

& Lt; script language = "JavaScript" & gt;
generate_wysiwyg (& # 039; example_textarea & # 039;);
& Lt; / script & gt;

utilizzando CKEditor

6 Scarica il CKEditor file ZIP, che può essere trovato nella sezione delle risorse.

7 Decomprimere e caricare i file sul server Web. Assicurarsi che la directory e dei singoli file sono accessibili dagli utenti remoti.

8 Aggiungere lo script per il codice HTML della pagina che si desidera utilizzare l'editor on. Se il sito Web è mysite.com, e si ha lo script memorizzato nella directory wysiwyg, si dovrebbe utilizzare la seguente riga di codice:

& Lt; script language = tipo "JavaScript" = "text / javascript" src = "http://www.mysite.com/wysiwyg/ckeditor.js"></script>

9 Creare l'area di testo che si desidera utilizzare. Essere sicuri di dare un ID.

& Lt; textarea id = "example_textarea" & gt; & lt; / textarea & gt;

10 Aggiungere il codice JavaScript che consente l'area di testo & # 039; s proprietà WYSIWYG.

& Lt; script type = "text / javascript" & gt;
CKEDITOR.replace (& # 039; example_textarea & # 039;);
& Lt; / script & gt;

utilizzando TinyMCE

11 Scarica il file ZIP TinyMCE, che può essere trovato nella sezione delle risorse.

12 Decomprimere e caricare i file sul server Web. Assicurarsi che la directory e dei singoli file sono accessibili dagli utenti remoti.

13 Aggiungere lo script per il codice HTML della pagina che si desidera utilizzare l'editor on. Se il sito Web è mysite.com, e si ha lo script memorizzato nella directory wysiwyg, si dovrebbe utilizzare la seguente riga di codice:

& Lt; script type = "text / javascript" src = "http://www.mysite.com/wysiwyg/tiny_mce.js"></script>

14 Aggiungere lo script che fa sì che tutte le aree di testo deve essere reso usando TinyMCE.

& Lt; script type = "text / javascript" & gt;
tinyMCE.init ({
modalità: "textarea"
});
& Lt; / script & gt;

15 Creare un'area di testo con il normale attributi HTML che si desidera possedere.

& Lt; textarea name = "esempio" cols = "50" rows = "15" & gt; & lt; / textarea & gt;

Consigli e avvertenze

• È possibile aggiungere i dati tra le aree di testo & # 039; tag per impostare il loro contenuto di default, così come con lo standard HTML.
• Quando gli utenti inviare moduli, il contenuto delle aree di testo verrà inviato come HTML, che permette di visualizzare facilmente in un'altra pagina.
• Ciascuno degli editor WYSIWYG ha molte altre impostazioni. È possibile trovare un elenco completo nell'editor & # 039; s documentazione in linea.
• Assicurarsi che le autorizzazioni sulla directory per gli script sono impostate a 755 o superiore e che i file siano impostati su 644 o superiore. permessi inferiori impediranno agli utenti di accedere gli script.