Summernote - un editor WYSIWYG per Bootstrap

Oggi presento Summernote, un editor WYSIWYG per Bootstrap molto ben fatto. Tra le caratteristiche che lo rendono un ottimo prodotto (a mio parere) sono la facilità di installazione, la gestione del menù personalizzata e la possibilità di mostrare il sorgente del testo immesso.

Installazione

Si può installare direttamente dai sorgenti oppure tramite bower:

bower install summernote

Dipendenze

Utilizza ovviamente Bootstrap (e jQuery), assieme a font-awesome. Questo significa che è necessario includere i seguenti file (se non sono già inclusi nella pagina html):

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet"></link>

<!-- include summernote css/js-->
<link href="summernote.css" rel="stylesheet"></link>
<script src="summernote.min.js"></script>

Inserimento del codice html e javascript

Un semplice <div> verrà trasformato in un editor Summernote con poche righe di codice javascript:

<div id="summernote">Hello Summernote</div>

<script>
$(document).ready(function() {
  $('#summernote').summernote();
});
</script>

Risultato

:-)

Editor Php per Linux: straordinario Eclipse

Fondamentalmente io cerco di fare sempre le cose con gli strumenti più semplici. E' sempre stato così: quando c'erano gli editor ultrasboroni HTML io usavo il blocco note, perché mi sentivo più libero; fino a poco tempo fa inoltre, per i miei progetti Php, utilizzavo gedit o gphpedit.

La semplicità però, nel caso di progetti molto complessi, rallenta molto. Così mi sono deciso a provare, con riluttanza, PhpEclipse, il plugin per Eclipse per realizzare progetti in Php.
Scottato dall'esperienza di un vecchio Eclipse per Java (non a caso utilizzo sempre Netbeans), pensavo fosse una ciofeca!

Invece mi sono dovuto ricredere: il plugin Php per Eclipse fa veramente un ottimo lavoro, complimenti agli sviluppatori! E' veloce, pratico, una facile visualizzazione a cartelle del progetto; evidenzia la sintassi Php e Html; ha l'autocompletamento delle funzioni e...delle variabili!
Insomma, un ottimo e valido strumento.

L'installazione? Semplicissima. Dal terminale un bel:
sudo apt-get install eclipse
Oppure si installa tramite questo link. Il programma è avviabile da Applicazioni - Programmazione - Eclipse.
A questo punto è necessario installare il suddetto plugin: Help > Software Updates > Find and Install dopodiché basta Search for new features to install.
Ora si deve aggiungere il sito da cui scaricare il plugin (New Remote Site), specificando l'URL "http://phpeclipse.sourceforge.net/update/releases"
Installate quindi il plugin, riavviate Eclipse e il gioco è fatto!