Cerca nel blog

Pubblicità

banner-125x125 banner-125x125 banner-125x125 banner-125x125

Feed RSS e Newsletter

Puoi seguire il mio blog abbonandoti al feed RSS, se non sai cos'è un feed RSS prova a guardare questo video... Spiega tutto!

Icona Feed RSS

Twitter

PayPal

Se ti piace questo blog puoi pensare ad una donazione.

Tutti i fondi ricevuti saranno utilizzati per il mio sollazzo personale. :-)

Ultimi commenti...

k8: wow addirittura un esame su ste robe.. bello :D che uni fai carlo?

Davide Salerno: Premesso il fatto che ho un odio recondito verso JS, amo JQuery ;-)

Luca: Ext è veramente un bel framework, forse il migliore per produrre interfacce coerenti. Purtroppo la licenza lo...

carlo: Io l’ho dovuto usare per un esame (la versione 2), ma il professore me l’ha fatto odiare. Però,...

gianluca: si proprio non c’è niente di peggio che aver scritto ore di css e javascript soddisfattissimi del...

10 editor WYSIWYG per i tuoi progetti web

mercoledì 4 novembre 2009
1 Star2 Stars3 Stars4 Stars5 Stars Vota!
Loading ... Loading ...

Gli editor WYSIWYG sono parte della rivoluzione del web avvenuta in questi anni. Hanno permesso a tutti di formattare i propri contenuti online senza dover conoscere per forza il linguaggio HTML.

Quella che segue è una lista di 10 editor da inserire nei nostri progetti web.

1. Xinha
xinha

Al momento il mio preferito. Xinha permette una personalizzazione spinta delle funzionalità visualizzabili all'utente e di sviluppare plugin per ogni esigenza.

2. TinyMCE
tinymce

TinyMCE è forse il più famoso, incluso anche in Wordpress. Come Xinha permette una forte personalizzazione e lo sviluppo di plugin.

3. CKeditor
ckeditor
L'ex FCKEditor si è rinnovato molto a partire dalla release 3.0. E' disponibile sia sotto licenza opensource che con licenza closed source. La documentazione è davvero completa.

4. WYMeditor
wimeditor
Più semplice rispetto agli altri editor visti in precedenza WYMeditor punta tutto sull'aderenza agli standard, secondo il motto del WYSIWYM, e mette in evidenza la struttura (tag html) del documento che stiamo scrivendo: nell'immagine ad esempio potete vedere un paragrafo.

5. jWYSIWYG
jwysiwyg
Un plugin per jQuery dall'uso semplicissimo.

6. jHtmlArea
jhtmlarea
Un altro plugin per jQuery, più completo rispetto a jWYSIWYG è jHtmlArea. L'uso è altrettanto semplice: poche righe di codice e abbiamo un editor WYSIWYG completamente funzionante.

7. HTML editor in Ext.JS
extjs
Il celeberrimo Ext.JS include un html editor perfettamente integrato nel codice del framework. E' la scelta "quasi" obbligata se vi trovate a lavorare con Ext.JS

8. YUI Editor
yui-editor
Potevano le YUI non avere il loro editor? Completissimo sotto ogni punto di vista è possibile personalizzarlo fin nei più piccoli dettagli.

9. HtmlBox
htmlbox
Altro plugin jQuery, usato anche da drupal.

10. Sviluppa il tuo editor!
Non è difficile sviluppare un editor WYSIWYG, la direttiva execCommand() è supportata sia da Mozilla che da Microsoft, ovviamente con diverse specifiche: leggete qui se vi interessa approfondire il discorso.

Questo articolo è stato pubblicato mercoledì, 4 novembre 2009 alle ore 07:54 Se non vuoi perdere nemmeno un articolo del mio blog abbonati al feed RSS. Se non sai cos'è un feed RSS puoi guardare questo video, spiega tutto!

In alternativa puoi abbonarti alla newsletter, riceverai un'email ogni volta che verrà pubblicato un nuovo post. Il tuo indirizzo email sarà gestito da Feedburner.

  

17 Commenti a “10 editor WYSIWYG per i tuoi progetti web”

  1. PiccoloSocrate scrive:

    Mucho interessante !
    Su quale di questi è possibile limitare l’uso dell’html ai soli font, p, span, a, br eliminando la possibilità d’inserire div o peggio ancora table, tr, td ed il temutissimo script

  2. DevAlien scrive:

    @PiccoloSocrate, ma sono tutti editor WYSIWYG, sono fatti apposta per evitare di scrivere in html ma scrivere in stile Word

  3. DvD scrive:

    Gulp! Ma con tutto ’sto ben di Dio è necessario davvero scriversene uno di proprio e reinventare la ruota? :lol:

    Byez

  4. DevAlien scrive:

    Se te ne scrivi uno, sai perfettamente come funziona, sai come estenderlo, insomma, non ci vuole molto lavoro e ha i suoi vantaggi :)

  5. lupoalberto12 scrive:

    Io utilizzo TinyMCE su Wordpress!
    Preciserei che non è incluso in Wordpress ma bisogna “installarlo” come plugin!
    Ciao!
    ! :) !

  6. Ivan scrive:

    Io come editor preferisco quelli stand-alone e non HTML, il mio preferito pspad editor. Semplice e funzionale.

  7. Napolux scrive:

    Ivan ha scritto:

    Io come editor preferisco quelli stand-alone e non HTML, il mio preferito pspad editor. Semplice e funzionale.

    Ehm… Direi che stiamo parlando di cose diverse…

    @ lupoalberto12:
    L’editor che è incluso in WP è un TinyMCE pesantemente ritoccato ;)

    @ DvD:
    Ti ha risposto DevAlien. Può sempre capitare di aver bisogno di qualcosa che non esiste, anche se molto difficile… E poi vuoi mettere la soddisfazione personale? :)

    @ PiccoloSocrate:
    Puoi usare uno di questi editor e scegliere che pulsanti visualizzare per la formattazione. Eliminando poi la possibilità di modificare direttamente il codice HTML impedisci l’inclusione di script e altro codice malevolo.

    Ovviamente poi lato server un controllino su quanto inviato dall’editor direi che è ovviamente necessario :)

  8. lupoalberto12 scrive:

    @ Napolux:
    ah ecco, buono a sapersi :D !
    Grazie!
    Ciao!
    ! :) !

  9. Luca scrive:

    alcuni di queti editor li conoscevo già!

    Post sicuramente interessante. Il mio preferito è tinyMCE che riesco a personalizzarlo come voglio io.

  10. DevAlien scrive:

    Ragazzi, una domanda, ma secondo voi sono utili questi editor “visuali”??
    Io trovo più comodo il famoso BBcode, con dei pulsanti sopra che ti aiutano ad inserire il codice, è pure puiù facile per il programmatore tenere un codice di output pulito.

  11. Davide scrive:

    C’è anche FK Editor per Drupal..

  12. WebSurfer_ scrive:

    ho scoperto ora CKeditor… molto buono. Prima usavo NICedit anche quello abbastanza potente.

  13. I migliori post della settimana #45 | EmaWebDesign :: Web Programming / Web Design / SEO scrive:

    [...] 04) 10 editor WYSIWYG per i tuoi progetti web [...]

  14. Elementi speciali #3 | CodeSnippet scrive:

    [...] Gli editor WYSIWYG stanno avendo un’importanza sempre maggiore. Vengono usati su moltissimi CSM (direi tutti) e sono molto comodi. Oltre ai blasonati CKeditor e TinyMCE ce ne sono anche altri. Qui trovate una lista di 10 editor WYSIWYG per i vostri progetti. [...]

  15. guida html base scrive:

    Il problema di questi editor è che da quando sono usciti gli utenti pensano che conoscere l’html non sia più necessario.

  16. Napolux scrive:

    @ guida html base:
    Dici? Mah…

  17. DevAlien scrive:

    Diciamo che ha postato solo per il suo link alla guida sull’html :D scusate OT

Scrivi un commento

Prima di commentare leggi attentamente questa pagina.

Comments will be closed on 3 May 2010.