使用jquery和highlight.js突出显示网页上的文字 [英] highlighting words on webpage with jquery and highlight.js

查看:76
本文介绍了使用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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆