Contenteditable 对于 li 标签内的 div 标签无法正常工作
我当前需要在 li 标签内有一个可内容编辑的 div 标签。请参阅以下示例：
<li class="le-item" title="Area 7">
<div class="le-item-menu"><span class='le-item-close'>remove</span></div>
<div contentEditable="true" class="le-item-text">
<p>Test</p>
</div>
</li>
我在无序列表中使用 li 标记，以便可以利用 jQuery UI 可排序选项。我遇到的问题是 li 标签内的任何可内容编辑的 div 标签的行为都不同。我得到的不是新的段落，而是新的 div 标签。
我为此绞尽脑汁，正在考虑编写我自己的可排序功能并恢复到所有 div。任何建议将不胜感激。
更新：看来这个问题是 Firefox 特有的。
I current have a need to have a contenteditable div tag inside an li tag. See the following sample:
<li class="le-item" title="Area 7">
<div class="le-item-menu"><span class='le-item-close'>remove</span></div>
<div contentEditable="true" class="le-item-text">
<p>Test</p>
</div>
</li>
I'm using the li tag in an unordered list so that I can take advantage of the jQuery UI sortable option. The issue I have is any contenteditable div tag within a li tag, acts differently. Instead of new paragraphs, I'm getting new div tags.
I've racked my brain over this and am considering just writing my own sortable feature and reverting back to all div's. Any advice would be greatly appreciated.
Update: It appears this issue is specific to Firefox.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
事实证明，这个问题实际上是Firefox版本的问题。有一个错误导致了此问题，现已解决。请参阅：https://bugzilla.mozilla.org/show_bug.cgi?id=460740。
It turns out the issue is actually a problem with the version of Firefox. There was a bug that created this problem that has been resolved. See: https://bugzilla.mozilla.org/show_bug.cgi?id=460740.