jquery - 写入时突出显示可编辑 div 中的单词

Question

我有这个 jQuery 高亮插件：https ://github.com/jbr/jQuery.highlightRegex

我想在线制作一个文本编辑器，当有人输入：IF或者ELSE 我想自动着色时，我想提一下我正在使用可编辑的 div，全屏。

当我键入该插件中的单词时，它会起作用。但是我之后写的所有东西都有一些效果。我只想要那个词。

<div contenteditable="true" id="full"></div>


.highlight {
    color: red;
}

$("div").on("keyup", function(){ 
    $('#full').highlightRegex(/[aeiou]/ig);
});

这是我的 HTML、CSS 和 JS。+那个插件。