javascript - 从 contenteditable 发送数据

Question

我正在尝试从可编辑的段落和标题发送数据，以便我可以在不同的页面上回显数据。

 <form id="Form" action="submit.php" method="post">
    <h2 id="heading" contenteditable="true">Your name here</h2>
    <p id="content" contenteditable="true">Your bio here</p>
  <input type="submit">
 </form

我可以从文本区域/输入发送数据，但我真的很想了解如何从 contenteditable 发送数据。

有什么建议吗？

PS

我试图避免样式输入

Answer 1

尝试使用选择器...

var contenteditable = document.querySelector('[contenteditable]'),
    text = contenteditable.textContent;

或者

console.log(jQuery('p[contenteditable="true"]').text());
console.log(jQuery('p[contenteditable="true"]').text() == ' ');
console.log(jQuery('p[contenteditable="true"]').text().charCodeAt(0));

但我建议将段落和标题标签更改为输入标签。或引用here .