我正在尝试将PrismJS用作我的blogspot博客的语法高亮显示器.在使用Syntax Highlighter遇到麻烦后,我想我会尝试一下棱镜.
我的代码看起来像这样:
<pre class="line-numbers language-markup">
<code>
<b:if cond='data:blog.url == "http://domain.com/p/about.html"'>
<style type="text/css">
font-size: 22px;
</style>
</b:if>
</code>
</pre>
Run Code Online (Sandbox Code Playgroud)
我在</head>标签之前包含了prismjs文件.
CSS有效,我的Chrome控制台没有错误,但脚本没有显示任何标记.
我有一个jsFiddle与我的网站上完全相同的代码,它也没有显示行号,即使我的网站.http://jsfiddle.net/fyqnz/
站点示例:http://www.xarpixels.com/2013/05/bloggers-conditional-statements-legacy.html
知道为什么这不起作用吗?
我似乎无法使用prism.js突出显示html,因为它删除了仅打印文本的标记."pre"标记内的以下代码仅显示为文本.我将"code"标记的类设置为"language-markup".
<table class="data-table">
<tr>
<td>Title</td>
<td>Amount</td>
</tr>
<tr>
<td>Shorts</td>
<td>£1.00</td>
</tr>
<tr>
<td>Shorts</td>
<td>£1.00</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
显示为
Title
Amount
Shorts
£1.00
Shorts
£1.00
Run Code Online (Sandbox Code Playgroud)