写入时，在可编辑的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。 +那个插件。