Corsi on-line

NicEdit un editor WYSIWYG online in due righe di codice

Se come me non utilizzate esclusivamente dei CMS per la gestione dei contenuti on line, sarete sicuramente sempre alla ricerca di novità per quanto riguarda gli editor HTML visuali da integrare nel back-end delle vostre applicazioni; scegliere il giusto strumento WYSIWYG è importante perché molto spesso quest’ultimo non è destinato all’utilizzo da parte del solo sviluppatore, ma viene fornito ai committenti per lavorare in autonomia. In questo post parleremo del poco conosciuto NicEdit.

NicEdit si segnala in particolare per la sua leggerezza, cosa abbastanza rara per quanto riguarda gli editor on line, pesa infatti poche decine di Kb, in secondo luogo può vantare una procedura di installazione e di configurazione di una semplicità disarmante; l’applicazione può essere utilizzata tramite embedding (sfruttando quindi una copia disponibile da remoto) includendo due righe di codice tra i tag “<head></head>” della pagina Web in cui si desidera adottarla; in questo modo tutte le textarea presenti nella pagina Internet verranno traformate i un pratico editor:

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

Chi invece dovesse preferire l’utilizzo da locale, per integrarlo nelle proprie aree di amministrazione, forum o interfacce per i commenti, basterà seguire una semplice procedura che consiste nello scaricare l’archivio contenente l’editor, scompattarlo per poi salvarlo nella Root del proprio Web server e inserire tra i tag “<head></head>” la seguente inclusione:

<script src="nicedit/nicEdit.js" type="text/javascript"></script>

A questo punto sarà possibile convertire tutte le textarea presenti nella pagina:

<script type="text/javascript">
 bkLib.onDomLoaded(nicEditors.allTextAreas);
</script>

Oppure decidere di utilizzare l’editor soltanto in una specifica textarea:

<script type="text/javascript">
 bkLib.onDomLoaded(function() {
 new nicEditor().panelInstance('textarea');
 });
</script>

Le possibilità di personalizzazione di NicEdit sono fortunatamente numerose e non mancano una serie di plugin dedicati ad operazioni avanzate come per esempio la visualizzazione del codice editato e l’upload delle immagini tramite uno strumento integrato nell’editor.

Post correlati
  • Anonimo

    l’editor funziona, ma io vorrei togliere alcune possibilità, e cioè:
    eliminare add e upload immagine
    eliminare add e remove link
    non risco a farlo: come si fa?

I più letti del mese
Tematiche