Javascript contentEditable，当没有文字

Question

所以我有一个基本的contentEditable div。问题是如果用户删除所有文本，它实际上在contentEditable内部形成<br>标记。我不希望这个<br>标记存在。无论如何都要阻止在删除所有文本时出现此标记吗？

由于

Answer 1

在this bugzilla thread绊倒之后，我做了一个快速的小测试。

似乎已插入<br>代码，因为您将<div>（块）设置为contentEditable。我认为它是自动插入的，以防止元素崩溃。

如果你使用<span>（内联）元素执行相同的操作，使用

进行CSS样式化

display: block; min-height: xxx px; // To prevent collapsing when empty

然后你被设置了，不再插入<br>，元素也不会崩溃。

Link to the demo JSFiddle

PS：我确实只在Firefox下检查过。如果我没记错的话，有一个bug on the old WebKit engine您无法将插入符号放在空节点中，您可能会遇到它。