文章/答案/技术大牛

发布

社区首页 >问答首页 >Highlight.js不呈现HTML

问Highlight.js不呈现HTML
EN

Stack Overflow用户

提问于 2016-12-07 21:24:40

回答 2查看 1.8K关注 0票数 2

本质上，我根本无法使HTML呈现。

HTML:

<head>
    <link rel="stylesheet" href="/path/to/default.css">
    <script src="/path/to/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>

<pre>
    <code class="html">
    <!-- markup goodness here -->
    </code>
</pre>

我试过javaScript，效果完美.

有什么想法吗？

更新：

我插入了有问题的标记。

<pre>
    <code class="xml">
         <div class="card-img-container">
            <div class="card-img-row">
                <div class="card ">
                    <div class="col-xs-12 col-sm-6 col-md-6 card-vertical-center">
                        <h1>Curabitur gravida vestibulum imperdiet.</h1>
                        <p>Cras convallis ut turpis vitae facilisis. Morbi eu augue vel quam efficitur rhoncus vitae eget lectus. Cras augue ligula, aliquam ut enim ut, feugiat imperdiet sem. Integer sed mi quis nisl eleifend interdum.</p>
                        <p>Cras convallis ut turpis vitae facilisis. Morbi eu augue vel quam efficitur rhoncus vitae eget lectus. Cras augue ligula, aliquam ut enim ut, feugiat imperdiet sem.</p>
                        <a href="#" class="btn btn-primary style-guide">Read More</a>
                    </div> 
                    <div class="hidden-xs col-sm-6 col-md-6 card-vertical-center">
                        <img class="center-block card-img-responsive" style="display:table-cell;" src="/path/to/image.jpg" alt="">
                    </div> 
                </div> 
            </div> 
        </div> 
    </code>
</pre>

更新12-8-2016:

我在附近找到了一份工作，但仍然没有解决这个问题。显然，有一个崇高的文本插件名为SublimeStringEncode，它将编码你的HTML标签。

但是，正如您所看到的，该解决方案在标记中看起来很混乱，虽然我很容易理解，但对于其他与我共享CMS...Also的人来说，可能很难“获取”--我无法获得一个水平滚动条。

html

highlight.js

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-08-14 11:32:44

我做了一些和你在更新中说的类似的事情。我使用WP-Code-Highlight.js作为我的WP博客。当尝试格式化HTML代码时，它会继续呈现为HTML，而不仅仅是显示代码。这意味着我没有看到<h1>Hello</h1>，而是看到了一个很大的渲染h1。

解决办法正如你所建议的。我使用<和>将代码呈现为我想要显示的HTML代码。例如：

<pre>
    <code class="xml">
        &lt;h1&gt;hello>&lt;/h1&gt;
    </code>
</pre>

我希望有一个更好的解决办法，但我还没有找到一个。

票数 1

Stack Overflow用户

发布于 2016-12-07 21:28:02

您必须在html和xml语法中同时使用<code class="xml">。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41027635

复制

相似问题

问Highlight.js不呈现HTML
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Highlight.js不呈现HTMLEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Highlight.js不呈现HTML
EN