使用jquery和highlight.js突出显示网页上的文字 [英] highlighting words on webpage with jquery and highlight.js
本文介绍了使用jquery和highlight.js突出显示网页上的文字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用jquery和highlight.js突出显示html文件中的某些单词。
我对jquery一无所知,而且我一直在工作的这段代码并没有突出显示。
有谁可以告诉我什么是错的并解释jquery?
I am trying to highlight certain words in a html file using jquery and highlight.js.
I know nothing about jquery and this code I've been working wiith is not highlighting.
Could anyone tell me whats wrong and explain jquery?
<!doctype html>
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css demo</title>
<style>
div {
width: 20px;
height: 15px;
background-color: #f33;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>bog are for frogs and click</div>
<p>Hello maybe this is a click</p>
<script>
$(document).ready(function() {
$("div ,p").each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
</body>
</html>
添加预
标签。
[/编辑]
推荐答案
( document )。ready( function (){
(document).ready(function() {
( div,p)。each( function (i,block){
hljs.highlightBlock(block);
});
});
< / script >
< / body >
< / html >
("div ,p").each(function(i, block) { hljs.highlightBlock(block); }); }); </script> </body> </html>
添加预
标签。
[/编辑]
highlight .js是一个SYNTAX突出显示库...它不是用于突出显示所选单词或短语......
highlight.js is a SYNTAX highlighting library...It is not for highlighting selected words or phrases...
这篇关于使用jquery和highlight.js突出显示网页上的文字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文