18910140161

JavaScript-ContentEditable DIV-无法使用退格键删除内部HTML节点-堆栈溢出

顺晟科技

2022-10-18 13:58:57

90

我正在尝试在ContentEditable DIV中实现提及。我正在使用名为tributeJS(https://github.com/zurb/tribute)的外部库。大多数情况下,它工作正常,但有一种边缘情况,如果我在多行中写下没有空格的提及,然后尝试使用退格键删除它们,那么在某些时候我无法再删除提及。

在输入中

提及使用span,并且contentEditable=";false";像这样:

<span contenteditable="false" class="mention" data-id="user1">
  @<label class="mention-label">User 1</label>
</span>

我已经录制了一段视频,所以我可以更容易地解释这个问题:https://files.fm/f/ga5dak22b.

我还创建了一个CodePen来重现这个问题:https://codepen.io/tilenhosnar/pen/powzqbw.

我在Chrome浏览器中遇到了

这个问题。我想知道有没有办法“强迫”在退格键上删除ContentEditable DIV中的子HTML节点?在过去的几天里,我几乎尝试了所有我能找到的解决方案,但它仍在发生。


顺晟科技:

也许可以尝试使用ANSI转义代码而不是退格键来增加一行,这个问题可能会对您有所帮助。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航