可编辑字段中的光标跳跃问题

时间:2019-02-27 21:31:58

标签: javascript reactjs cursor highlight contenteditable

我要解决的问题与在contentEditable html字段或任何富文本编辑器中突出显示单词有关。

我有一个带有一些文本的字段。该字段的内容将发送到服务器,以检查语法问题(或其他内容)。然后,服务器以应突出显示的单词列表作为响应。为了突出显示,我使用https://markjs.io/

问题在于,当服务器返回响应并且用户仍在键入时,突出显示完成后,浏览器不知道光标应该在哪里,并且它会随机更改位置。

jsfiddle.net/7n0vvwop/2/

键入应该突出显示的单词。您将看到跳跃。在这种情况下,我使用的是tinymce编辑器,但问题仍然存在。

有人有想法/想法/建议吗?

0 个答案:

没有答案