在Ordered / Unordered列表上按Enter键会在每个<li>元素</li>之后添加<br/>

时间:2013-10-17 07:57:58

标签: javascript css list contenteditable

使用contentEditable元素,该元素具有与之关联的文本格式。但是通过使用有序或无序列表项,chrome和firefox每次在第一个<br>之后按Enter键时都会添加<li>。 生成的html文本如下所示:

Hello
    <ul>
      <li>World<br></li>
      <li>the great<br></li>
      <li> <br></li>
    </ul>

如何删除添加到每个li标记的非网格<br>标记?可以使用CSS或仅使用javascript来实现吗?

2 个答案:

答案 0 :(得分:2)

使用CSS:

ul li br {
  display: none;
}

答案 1 :(得分:0)

按Enter键的默认操作不会生成<br>,请参阅http://jsfiddle.net/fudesign2008/2As6J/。 你项目的js代码中是否有任何错误。