Как сохранить созданную пользователем HTML-страницу?

Question

Я сделал утилиту перетаскивания, которая позволяет пользователям перетаскивать элементы прямо на рабочем месте и создавать свою страницу, я хотел бы сохранить работу пользователя как HTML-страницу!

Answer 1

Вы имеете в виду положение всех элементов? Как насчет их итерации и сохранения их позиции? Если вы используете jQuery, вы можете сделать что-то вроде этого:

var positions = new Array();
function savePositionOfAllDivs() {
 $('div').each( function(){
  $this = $(this);
  id = $this.attr('id');
  position = $this.position();
  left = position.left;
  top = position.top;
  positions[id] = new Array();
  positions[id]['left'] = left;
  positions[id]['top'] = top;
 }
}

А затем отправьте массив позиций в какой-нибудь серверный скрипт, который превращает его в CSS, который затем можно встроить в HTML-страницу, которую пользователь может загрузить.

(С более подробной информацией о том, что вы пытаетесь сделать, это может быть намного проще и эффективнее. Скажем, это функция порядка перетаскивания, тогда вам нужно только сохранить порядок делений)

Answer 2

Мне нужно то же решение, которое ищет Порта. Мой сценарий я создаю перетаскивание CMS. Пользователи могут перетаскивать элементы HTML для создания своих страниц. Теперь, как мне сохранить эти изменения (в БД или в сеансе var) и должен иметь возможность создавать статическую страницу со всеми вышеупомянутыми изменениями, которые пользователь сделал с помощью php. Может кто-то пролить свет. Я совершенно новичок в jquery и не считаю себя экспертом в php.

Answer 3

Я использую jquery, и я создал утилиту перетаскивания, которую можно использовать для размещения некоторых html-элементов внутри страницы. Мне нужно знать, как сохранить работу пользователя в файле HTML, который он может загрузить или просмотреть. его работа после сохранения

Answer 4

Вы пытаетесь выяснить, как лучше всего передать HTML и CSS из внешнего интерфейса на сервер или как сохранить HTML на сервере (как в БД или в файле)?

Answer 5

Большинство библиотек jQuery drag & drop имеют возможность сериализации элементов, которые перемещаются в массив, который вы можете сохранить. Если вы дадите мне ссылку на конкретную библиотеку, которую вы используете, я могу рассказать вам, как ее использовать.

Однако, если вы сделали это самостоятельно, вам придется попробовать одно из приведенных выше предложений.

Answer 6

Может быть, используя XPath. Может оказаться полезным это обсуждение SO.

РЕДАКТИРОВАТЬ: Или, возможно, вы могли бы сделать что-то с Node.childNodes. Для получения дополнительной информации проверьте MDC здесь

Answer 7

document.getElementsByTagName ( "BODY") [0] .innerHTML

Answer 8

Хм, .. нажмите кнопку сохранения? Если серьезно, я думаю, что вы, возможно, захотите добавить больше информации по вашему вопросу, например, какую систему вы используете, и т.д.