Если вы генерируете HTML в конце, у вас будут трудности с использованием координат x / y для позиционирования изображения, если только вы не используете позиционирование x / y / width / height для всех текстовых областей в конечном документе.
Если вы используете систему координат, вы можете создать пользовательский интерфейс jQuery, чтобы пользователи могли перетаскивать / перетаскивать / изменять размеры слоев (div) и вводить в них текст, а затем загружать его на сервер в виде спискаслои (x, y, ширина, высота, содержимое).
Чтобы выполнить рендеринг, просто выполните цикл по слоям и запишите HTML.Для изображений вам, вероятно, понадобится библиотека изменения размера изображений на стороне сервера , чтобы вы могли убедиться, что они помещаются в назначенные им пространства.