jQuery: leggere il contenuto editabile HTML5

In jQuery possiamo leggere il contenuto editabile HTML5 con facilità.

Dato il seguente frammento HTML5:

<div id="text">
    <div id="content" contenteditable></div>
    <button type="button" id="save">Save</button>
</div>

La soluzione è la seguente:

"use strict";

(function( $ ) {
	$(function() {
		$( "#save" ).click(function() {
            var text = $( "#content" ).text();
            // Qui potremmo eseguire un salvataggio in AJAX
        });
	});
})( jQuery );