当前位置：首页 » 网站代码 » 代码高亮js

代码高亮js

发布时间: 2021-03-27 16:28:23

⑴ 写js有没有好的语法提示和颜色高亮的插件推荐

轻量级jQuery语法高亮代码高亮插件jQuery Litelighter，拥有两种主题颜色显示代码：light dark，并支持JS、html CSS 以及 PHP、SQL代码语法高亮显示

⑵ jQuery JS 如何高亮页面上的所有数字

这个高亮，实质上是把12变成<span style="backgroud: yellow">12</span>。

那么只要做一个替换就可以了。但是需要考虑两点：

需要被替换的内容，必须是标签里的内容，不能是属性。比如，不能把<div width="100%" color="#12fe45">这里的100，12，45都不应该被替换。
需要被替换的内容，不能是<script>标签里的内容（理所当然的吧）。比如<script>var a=123; xxx</script> 这里的123不应该被替换。

所以，考虑到以上，最终的做法必须是遍历所有的标签，然后如果标签里没有标签的时候，才把标签里的文字作替换。

(functionhilightNumber(jqObj){
//不能替换script标签里的数字
vardomObj=jqObj[0];
if(domObj.nodeName=="SCRIPT"){
return;
}
//如果标签里有标签，我们也不作替换，而是递归进去遍历内层的标签。
varchildren=jqObj.children();
if(children.length>0){
for(vari=0;i<children.length;i++){
hilightNumber($(children[i]));
}
}else{
//标签里只有文字，没有内层标签的时候，才做替换，
//把123替换成带颜色的标签内包含123，就实现了高亮。
varhilightedHtml=jqObj.html().replace(/([+-]?[0-9]+(.[0-9]+)?)/g,"<spanstyle='background:yellow;'>$1</span>");
jqObj.html(hilightedHtml);
}
})($("body"));

注意！这个不能解决全部的问题，但大部分情况应该可以用了。

不能解决的例子：

<p>我是诡异的段落2333，但是我里面竟然还有子标签！<b>这里是加黑的字666</b>。<span>这里是其它颜色12345的哈哈</span></p>

如果是上面这样的HTML，2333可能不会被加亮。。。毕竟p里还有内层标签b和span。。。

⑶ notepad++怎么让js代码高亮显示

np++ 只要你的文件名后缀是 .js 的，它就能自动识别为高亮

推荐你使用sublime text ，我见过的最好的文本编辑器，非常好用，非常好看！

⑷ 用JS将搜索的关键字高亮显示实现代码

用JS让文章内容指定的关键字加亮
是这样的..
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
复制代码
代码如下:
<script
language="JavaScript">
function
highlight(key)
{
var
key
=
key.split('|');
for
(var
i=0;
i<key.length;
i++)
{

var
rng
=
document.body.createTextRange();

while
(rng.findText(key[i]))

//rng.pasteHTML(rng.text.fontcolor('red'));

rng.pasteHTML('<div
style="border:1
solid
red;display:inline"><a
href="#"
title="+
rng.text
+">'
+
rng.text
+
'</a></div>');
}
}
highlight('文章|关键|功能')
</script>

⑸ chrome调试js，代码块无法高亮

谷歌浏览器升级到79版本后会出现这个问题，建议使用低版本。

⑹ Visual Studio Code中的JS代码一直是黑色的，怎么设置高亮

因为你用的是vue，文件后缀是vue，所以js语法就不会高亮，装个vetur扩展就可以有语法高亮等功能了。

⑺ eclipse js 插件名称高亮显示代码块，页面大神，快降临。

spket插件。

⑻ 在网上找了个js判断当前栏目高亮的代码，有懂js的能给我翻译一下每行代码的意识吗，我想学习一下。代

varmyNav=document.getElementById("nav").getElementsByTagName("a");

这是找html文件中id是nav的元素中所有超链接<a>元素。

即找这里面的超链接<a>：

....

</div>

for(vari=0;i<myNav.length;i++)//在所有超链接中循环遍历
{
varlinks=myNav[i].getAttribute("href");//得到元素中的href内容（例如上面的1.html）
//alert(links)
//alert(myNav[i]);
varmyURL=document.location.href;//得到当前文件的URL
if(myURL.indexOf(links)!=-1)//如果当前URL与超链接的href内容相同
{
myNav[i].className="d";此超链接的类名设成d
}
}

也就是说，如果URL地址相同的话，<a>元素变成：

这个d就是定义你所说的高亮样式的。d的定义要么在引用的某个css文件中，要么在本文件的<style>中。

⑼ 我火大啊。有没有人告诉我这样的高亮显示,js代码怎么写(链接是活的不是#)

$("a").hover(
function () {
$(this).css("background-color","darkpink"); // 滑鼠移入时的设置,这边颜色请自订回
},
function () {
$(this).css("background-color","lightpink"); // 滑鼠移出答时的设置,这边颜色请自订

}
)

阅读全文

代码高亮js

与代码高亮js相关的阅读推荐