相关疑难解决方法(0)

标记没有出现使用棱镜JS

我正在尝试将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

知道为什么这不起作用吗?

html javascript css

15
推荐指数
4
解决办法
1万
查看次数

使用prism.js突出显示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)

javascript prism.js

6
推荐指数
1
解决办法
1653
查看次数

标签 统计

javascript ×2

css ×1

html ×1

prism.js ×1