Contenteditable en tabla html y guardado

[SeRgIeTTe]

Buenas tardes a todos. Acabo de crear una tabla HTML, con contenido editable, junto con el botón de guardado. Hasta aquí todo bien.

En el momento que se guarda la página... ¡no se guarda del todo!. Solo se guardan el encabezado y el pie de página, la tabla desaparece, como si no existiera. No entiendo el motivo y no se que hacer para poder solucionarlo.

¡Muchas gracias y un saludo!

[pzin]

¿Cómo guardas el contenido ese? ¿Con PHP?

[SeRgIeTTe]

Lo guardo en localhost, en la "memoria" del navegador.

Código HTML:

<button id="save">Guardar cambios</button>
<script>
	var theContent = $('#page21');// set the content
	
	$('#save').on('click', function(){ // store the new content in localStorage when the button is clicked
		var editedContent 	= theContent.html();
		localStorage.newContent = editedContent;
	});

	if(localStorage.getItem('newContent')) { // apply the newContent when it is exist ini localStorage
		theContent.html(localStorage.getItem('newContent'));
	}
</script> 

[SeRgIeTTe]

¿Ninguna idea?