PrismJS代码突出显示问题

时间:2015-06-25 11:01:12

标签: javascript html css

我尝试使用prismjs http://prismjs.com/download.html进行代码突出显示,但它不起作用看到这个小提琴http://jsfiddle.net/939u16ac/我得到了渲染的HTML而不是标记PFA标记和屏幕截图

HTML文件:

<!doctype html>
<html lang="en">
    <head>
        <title> Demo</title>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="lib/prism.css">
        <script src="lib/prism.js"></script>
    </head>
    <body onload="">

<pre class="line-numbers language-markup">
<code  class="">
<ol type="1">
<li>
href atribute is must and id, class, title attribute are optional 
</li>
<li>
In angular application or you are not having any navigation link, use <b>javascript:void(0)</b> in href attribute value
</li>
</ol>
<a id="optionalID" class="optionalClass"  title="optionalTitle" href="Product.html" >Product Page</a>
</code>
</pre>
    </body>
</html>

enter image description here

任何人都可以看到我在实施它时出错吗?

提前感谢您的帮助。

0 个答案:

没有答案