Сериализация div

Question

Попытка создать своего рода WISYWIG-редактор, который создает div с некоторыми внутренними элементами. div ( со всей структурой внутренних элементов ), однажды спроектированный, должен быть сериализован (каким-то образом, надеюсь, что это правильный термин, в строку и / или JSON), сохранен в БД, а затем вставлен в DOM некоторого другого документа HTML.

Отсюда и вопросы:

1. Какой лучший способ сериализации div?
2. Каков наилучший способ десериализации div (и вставки его в DOM)?

Answer 1

Вы не сериализуете DIV, вы сериализуете поля формы.

Вы просто берете DIV и его содержимое и сохраняете их как HTML прямо в БД. По сути, это то же самое, что HTML в текстовой области.

Затем вы просто вставляете HTML обратно в DOM.

Answer 2

Если вы хотите получить HTML-код ваших элементов DOM, вы можете использовать innerHTML.См. эту скрипку для примера:

HTML:

<div id='div1'>
  <p>A Paragraph!</p>
  <br/>
  <p>Another p</p>
</div>
<button id='go'>Get HTML</button>

JS

document.getElementById('go').onclick = function(){ 
  alert(document.getElementById('div1').innerHTML);
};