js 使用contenteditable属性模拟富文本框 实现具体关键字高亮

Question

问题是这样的，一般情况下，html的所有输入框是无法使某些关键字高亮的，所以我想使用div 的contenteditable属性作为编辑框，我们现在要给运维平台做一个sql在线查询工具，当运维输入sql 后，在输入框使指定关键字高亮，比如
select * from t_student 此处的 “select” 和“from” 要变成蓝色，当把“from” 删除掉一个单词后，要把高亮去掉

Answer 1

这里提供的主要是方法和思路【js富文本编辑器实现（快速了解JavaScript富文本编辑）】，链接：http://www.webzuan.cn/szk/7902.html