jquery - 从 '' 清除 contenteditable div

Question

我有一个 contenteditable HTML 中的元素。而且我在 Internet 上没有发现与从 html 标签(如 <div>)中清除 div 内容相关的问题。和 </br>因用户按下 Enter(新行)而插入。

换句话说，如果用户按下 Enter，用户输入将通过额外的 html 标记发布到数据库。

这个问题最干净的解决方案是什么？

_{如果问题重复，我很抱歉，但我没能准确地找到其他地方描述的这个问题}

$(function() {
  $('button').click(function() {
    alert($('#test').html());
  });
});

#test {
  line-height: 1.14;
  border: solid;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='test' contenteditable='true'></div>
<button>Show me div input</button>

Answer 1

.html()完全按照它所说的去做，获取所有文本以及任何 html，例如 <br>标签。你真正想要的是 .text() .

$(function() {
  $('button').click(function() {
    alert($('#test').text());
  });
});

#test {
  line-height: 1.14;
  border: solid;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='test' contenteditable='true'></div>
<button>Show me div input</button>