Большинство встроенных в браузер WYSIWYG редакторов (Google Docs является заметным исключением) используют атрибут contenteditable , чтобы сделать элемент редактируемым.
Данные не нужно хранить каким-либо особым образом, это всего лишь HTML-содержимое редактируемого узла.
Переключитесь в режим источника, сбросив innerHTML
вашего редактируемого элемента в textarea
, показывая textarea
и скрывая редактируемый элемент.
Вы можете найти много информации и учебных пособий, набрав в Google contenteditable
.