我正在为网页构建一个小部件，用户将在其中键入他的代码，我需要在其上实现大括号荧光笔。 所以如果用户输入
if(a == b)
a和b周围的大括号应使用指示范围的颜色突出显示。 当用户点击这些括号中的任何一个时，另一个括号和它自己的括号将突出显示，当用户输入并完成一组括号时，将发生同样的情况。
为此，我使用 contenteditable div并使用 window.getSelection（）来确定点击/关注的字符是否是括号然后换行围绕它的span标签给它一种颜色。
我正在使用 innerHTML 在div中设置带有彩色大括号的新HTML，但焦点会重置为div的开头。
我希望它的行为类似于通用代码编辑器。
欢迎任何想法/指示或其他方法。
的问候。