使用纯jQuery即时替换contenteditable中的文本

我已经在StackOverflow上看到了一些与此相关的问题，但是似乎很难找到基于jQuery的解决方案。因此，我想问这个问题。

我想div用属性即时替换a中的文本contenteditable="true"。

我正在寻找一种基于jQuery的解决方案，该解决方案将执行以下操作：

即时自动替换文字（输入时）

能够继续写（替换完成时）

我看着SC编辑器（http://www.sceditor.com/），似乎确实做到了这一点（例如，如果您尝试键入，:)它将被表情符号代替。）

我认为一个好的开始是将所有元素替换为一个数组：

$.settings = {
    path: 'https://example.com/images/',
    emoticons: {
        ':(' : 'stupid.jpg',
        ':)' : 'smart.jpg',
    }
}

我一直找不到很好的例子。如果有人可以分享他们的想法和与此相关的任何代码，将非常高兴。

上面的代码如何以最好的方式完成替换？