简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-21 09:46:54
original
1429 Les gens l'ont consulté

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>//  这类的  .....
Copier après la connexion


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

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

求解

回复讨论(解决方案)

不会是keyup keydown事件把~　

元素可编辑是contenteditable属性

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

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

Étiquettes associées：
html 标签 光标 pre 代码即时高亮
source：php.cn
Article précédent：让div1继承外div的透明，而div1中的ul不继承外div的透明_html/css_WEB-ITnose Article suivant：firefox中一个很神奇的问题_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1532
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
1689
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1435
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1365
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1412
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！