Текстовая область вместо div для начальной панели инструментов wysiwyg

Question

ОБНОВИТЬ

Возможно, проще было бы сформулировать это так: "Как я могу отправить контент, введенный в <div> вместе с <form> отправить его в базу данных?

КОНЕЦ ОБНОВЛЕНИЯ

Я использую bootstrap wysiwyg и обнаружил, что он работает только тогда, когда ваша область ввода <div> как это:

<div id="editor" contenteditable="true">
   Start Typing...
</div>

и он не будет работать с текстовой областью, например:

<textarea cols="" rows="5" id="editor" contenteditable="true">
  Start Typing...
</textarea>

Полный код javascript приведен ниже, хотя я действительно не уверен, в чем проблема, поскольку панель инструментов использует data-target='#editor'

Нажмите здесь, чтобы перейти на github для полного кода, я просто скопировал и вставил его в отдельный файл js.

Answer 1

Чтобы ответить на ваше обновление: вам нужно будет скопировать содержимое DIV в скрытое поле формы в коде клиента перед отправкой формы. Только содержимое элементов Input/Textarea отправляется в GET/POST.