Question

我不是一名前端开发人员，并且已经花了好几个小时才能获得highlight.js来做我想做的事情。需要在博客中很好地显示代码。好的，它完美地运行，它将我发布的代码呈现为

<pre><code>...</code></pre>

...非常漂亮和色彩缤纷，所选择的风格，例如idea.css。我已经准备好了所有的样式和highlight.pack.js进入目录。

但是将整个程序粘贴到这些标签之间真是太乱了！如果代码可以保留在其文件中，则可以更加干净地重用其他内容。

什么是最短和最优雅的方式（如果可能的话，没有在任何外部库中加载）让它从这些标签之间的同一目录myCode.py中的python文件中提取代码？

此库的主要参考是here。

Answer 1

我假设您的代码文件突出显示在Web服务器上。

使用JQuery get导入文件。
将内容放入代码标记中。
从hightlight.js调用相应的函数使其成为highlight the code。

这是一些HTML / JS代码：

<pre><code></code></pre>
<script type="text/javascript">
  $.get("/myCode.py", function(response) {  //(1)
    $("code").html(response);               //(2)
    $("code").each(function(i, block) {    
    hljs.highlightBlock(block);             //(3)
    });
});
</script>

请注意，这假设您的网页中只有一个<code>标记。否则需要调整第2步。

从外部源导入和语法突出显示代码

1 个答案: