HTMLタグカーソルプレコードインスタントハイライト_html/css_WEB-ITnose

WEB インスタント コード ハイライト BAE オンライン編集 HTML カーソル入力 HTML プリ カーソル入力

この問題は説明するのが簡単ではありません

これは大きな DIV タグです。コードはこの

<div class=xx>  <pre class="brush:php;toolbar:false">      <span class="cm-keyword">function</span>      <span class="cm-variable">$xx</span>//  这类的  .....  

ログイン後にコピー

に似ています

マウスが停止したとき。その後ろにカーソルが点滅しており、内容を入力できます。

私の主な大きな問題は、BAE のオンライン編集と同じように、インスタント コード ハイライトの機能を実装することです。しかし、まだ理解できないことがたくさんあります~~~

解決してください。 ディスカッションへの返信(解決策)

keyup keydownイベントにはなりません~

edi​​table要素はcontenteditable属性です

http://stackoverflow.com/questions/4249648/jquery-get-mouse-position-要素内

をクリックしてイベントをmousemove

に変更し、カーソルの gif 画像を挿入しますか?