栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jquery-syntax动态语法着色示例代码

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jquery-syntax动态语法着色示例代码

解压jquery-syntax-3.1.1.zip,将public放在我们自已的目录下,在网页中引入如下3个js(下载地址是http://download.csdn.net/detail/liumengcheng/7344667)
复制代码 代码如下:




html部分:
复制代码 代码如下:



js部分:
复制代码 代码如下:
//配置文件的默认类型为xml
var fileType="xml";
//当选中树中的某个文件的时候
$('#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){
//因为需要多次语法着色,而且每次选中的文件都不一样,

//所以每次都要删除原来的pre元素,并新增pre,且syntax得根据文件名的后缀来动态得到。

//注意:不要直接定位pre,因为每次渲染后pre元素会消失,所以我这里用一个div来放pre,每次清理pre只要删除div下的所有元素就行了
$("#div_configXML *").remove();
var $pre=$("
 
");
$("#div_configXML").append($pre);
$("#configXML").text(data);
$.syntax();
}
);
}
}

});

以下是效果图:

显示xml文件
 
显示java文件
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/107095.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号