2016-05-16 162 views
-1

我试图实现highlight.js。 我有和index.html。 andside身体highlight.js:我如何告诉它忽略默认的css

<p>Example code</p> 
<pre> 
    <code class="html"> 
     <title>Title</title> 

     <style>body {width: 500px;}</style> 

     <script type="application/javascript"> 
     function $init() {return true;} 
     </script> 

     <body> 
     <p checked class="title" id='title'>Title</p> 
     <!-- comment to be highlighte --> 
     </body> 
    </code> 
</pre> 

但是当我加载页面,无论是<pre>内部处理为真正的HTML,它破坏了网页,也使用页面上的主css IM应用到里面的标签

在我的index.html的脑子里,我已经包括 <link rel="stylesheet" type="text/css" href="../css/highlight.css">

和身体的结束标记我包括

<script src="../scripts/highlight.pack.js"></script> 
<script> 
    $(document).ready(function() { 
    $('pre code').each(function(i, block) { 
     hljs.highlightBlock(block); 
    }); 
    }); 
</script> 
前3210

我一直在阅读文档,但似乎无法找出我错过了什么。

回答

0

因此,我试图在预标签内显示html时发现所有html字符都需要扫描。保持一切,因为它是我把脚本调整到

$(document).ready(function() { 
    $('pre code').each(function(i, block) { 
     var string = $(this).html(); 
     $(this).text(string); 
     hljs.highlightBlock(block); 
    }); 
}); 

而且这样做。 (取每个代码元素,抓取内部html并将其解析为文本)

相关问题