【问题标题】:Using highlight.js on laravel project在 laravel 项目中使用 highlight.js
【发布时间】:2018-01-30 20:28:53
【问题描述】:

我有 Laravel 项目(类似于技术博客网站),我想在我的网站上使用 highlightjs,我已经按照他们的教程并将 highlight.pack.js 和我想要的 CSS 链接到我的网站,所以我继续尝试它在我的网站上创建了一篇文章,并尝试了以下代码;

<pre>
    <code class="html">
        <input type="text" name="test" id="test" value="">
    </code>
</pre>

但它不会突出显示它,它只是将其视为文本。 它可能是什么问题?如果需要,我可以提供实时网站。

【问题讨论】:

    标签: javascript php syntax-highlighting highlight


    【解决方案1】:

    你打电话给initHighlightingOnLoad()了吗?

    如果您想手动初始化它,只需将其添加到您想要突出显示的位置即可。

    $(document).ready(function() {
        $('pre code').each(function(i, block) {
            hljs.highlightBlock(block);
        });
    });
    

    CDN 托管的软件包没有所有语言。如果"Common" section中没有看到你需要的语言,可以手动添加:

    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/languages/go.min.js"></script>
    

    【讨论】:

    • 感谢您的回复。是的,我通过使用此代码&lt;script&gt;hljs.initHighlightingOnLoad();&lt;/script&gt; 调用了 initHighlightingOnLoad
    • 你能提供live让我测试一下吗?
    • 您正在使用 Html 编辑器来创建您的帖子吗?
    • 它基本上只是一个文本框,您可以在其中添加文本或编辑它。需要html编辑器吗?
    • 为了避免有趣的事情,请使用 html 编辑器。您可以创建自定义插件来管理自定义标签
    猜你喜欢
    • 1970-01-01
    • 2014-07-02
    • 2017-04-21
    • 2016-11-28
    • 2018-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多