JavaScript内容可编辑，防止 <br> 没有文字时

Question

所以我有一个基本的contentEditable div。 问题在于，如果用户删除所有文本，则实际上在contentEditable内部形成了<br>标签。 我不希望该<br>标签存在。 无论如何，当所有文本被删除时，是否有防止该标签出现的方法？

谢谢

Answer 1

绊到这个bugzilla线程后 ，我做了一个快速的小测试。

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

如果您对<span> （inline）元素执行相同的操作，则CSS样式化为

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

那么您已经设置好，不再插入<br> ，元素也不会折叠。

链接到演示JSFiddle

PS：我只在Firefox下检查过。 如果我没记错的话， 旧的WebKit引擎上存在一个错误，即您无法将插入号放置在一个空节点中，您可能会遇到它。