html标签光标pre代码即时高亮_html/css_WEB-ITnose

WEB即时代码高亮 BAE在线编辑 html光标输入 html pre 光标输入

这个问题不太好说 我传了张图

这是一个很大的DIV 标签 代码类似这种

  
      function      $xx//  这类的  .....  

当鼠标停在后面是 有个光标一闪一闪 ， 可以输入内容 ， 这怎么实现啊 ？

我主要的大问题是实现即时代码高亮的功能，就像BAE的在线编辑一样， 上面就是从那copy的 不过还是有很多不懂~~~ ? ~

求解

回复讨论(解决方案)

不会是keyup keydown事件把~　

元素可编辑是contenteditable属性

http://stackoverflow.com/questions/4249648/jquery-get-mouse-position-within-an-element
click事件改成mousemove

然后插入一个光标的gif图片？