¿Cómo guardo la posición de los elementos arrastrables y redimensionables?

Estoy creando un sitio que permite a los usuarios crear una página html que luego se puede guardar y compartir en otro sitio. Quiero que puedan cambiar el tamaño y arrastrar los elementos de la página. Puedo hacer esto usando jQuery, pero no estoy seguro de cómo guardo eso para que cuando la página se vea en otro lugar, se vea igual.

Todavía no he decidido cómo almacenar la información de la página, pero lo que estoy pensando es que puedo almacenar cada elemento en la base de datos junto con su posición absoluta y su contenido. ¿Suena eso como un buen plan?

Si es así, ¿cómo obtengo la posición para que el div pase al php para que se pueda guardar?

Gracias

Respuestas a la pregunta(2)

Su respuesta a la pregunta