Heim > Web-Frontend > HTML-Tutorial > html 标签 光标 pre 代码即时高亮_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:46:54
Original
1490 Leute haben es durchsucht

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

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

这是一个很大的DIV 标签 代码类似这种 
<div class=xx>  <pre class="brush:php;toolbar:false">      <span class="cm-keyword">function</span>      <span class="cm-variable">$xx</span>//  这类的  .....  
Nach dem Login kopieren


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

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

求解

回复讨论(解决方案)

不会是keyup keydown事件把~ 

元素可编辑是contenteditable属性

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage