exemple de coloration de la syntaxe dynamique jquery-syntax code_jquery

Décompressez jquery-syntax-3.1.1.zip, mettez public dans notre propre répertoire et introduisez les 3 js suivants dans la page Web (l'adresse de téléchargement est http://download.csdn.net/detail/liumengcheng/7344667)

Copier le code Le code est le suivant :

<script type="text/javascript" charset=" UTF-8" src="scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" charset="UTF-8" src=" public/jquery .syntax.js"></script>
<script type="text/javascript" charset="UTF-8" src="public/jquery.syntax.cache.js"> </ script>

partie html :

Copier le code Le code est le suivant :

<div id="div_configXML" style="float:right;width:600px;">
</div>

partie js :

Copier le code Le code est le suivant :

//Le type de fichier de configuration par défaut est xml
var fileType="xml" ;
//Lorsqu'un fichier dans l'arborescence est sélectionné
$('#tree1').tree({
onClick: function(node){
if (node.children== null || node.children==undefined){
var url="../hub/config/configRead?" 'ip=' ip '&port=' port "&file=" node.id;
var str=node.id;
fileType = str.substring(str.lastIndexOf(".") 1,str.length;
fileType=fileType.toLowerCase(); 🎜>$.get(url, {},function(data,textStatus){
//Parce que la coloration syntaxique est requise plusieurs fois et que les fichiers sélectionnés sont différents à chaque fois,

//Donc le L'élément pre d'origine doit être supprimé à chaque fois, et ajouté pre, et la syntaxe doit être obtenue dynamiquement en fonction du suffixe du nom de fichier.

//Remarque : Ne positionnez pas pre directement, car l'élément pre disparaîtra après chaque rendu, j'utilise donc un div pour placer pre. Chaque fois que je nettoie pre, supprimez simplement tous les éléments sous le div. 🎜 >$("#div_configXML *").remove();
var $pre=$("<pre id='configXML' class='syntax " fileType "'> </pre>") ;
$("#div_configXML").append($pre);
$("#configXML").text(data); ) ;
}
}

});


Voici le rendu :

Afficher le fichier XML

Afficher les fichiers Java