gpt4 book ai didi

javascript - rainbow.js 不运行 Rainbow.color();启动时

转载 作者:行者123 更新时间:2023-11-29 15:39:23 25 4
gpt4 key购买 nike

我正在使用 - 或者我正在尝试使用 rainbow.js 语法高亮库来显示我在我的博客 (Google Blogger) 上发布的代码片段.我认为我正确地使用了它:

<pre><code data-language="python">
// here goes the code
</code></pre>

并且所有需要的库都加载到 HTML HEAD 部分:

<link href="//cdnjs.cloudflare.com/ajax/libs/rainbow/1.1.8/themes/github.min.css" rel="stylesheet" type="text/css">
<script src="//cdnjs.cloudflare.com/ajax/libs/rainbow/1.1.8/js/rainbow.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/rainbow/1.1.8/js/language/generic.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/rainbow/1.1.8/js/language/python.min.js"></script>
...

我遇到问题的示例帖子是 this one .代码包裹在 pre/code 标签中,背景是灰色的——所以 CSS 应该被正确加载。但实际上没有突出显示。但是当我输入以下内容时:

Rainbow.color();

JavaScript 控制台中手动显示颜色(语法高亮显示)。我不知道出了什么问题,有人可以给我提示吗?


编辑:

我之前添加了以下内容:

<script language='javascript' type='text/javascript'>
window.onload=function(){ Rainbow.color(); };
Rainbow.color();
</script>

不幸的是,onload 和手动 Rainbow.color(); 都不起作用...

最佳答案

你已经拥有了所有的部分。来自 the documentation :

Rainbow.color

This method is called to highlight all the blocks on the page on load. If you would like to highlight stuff that is not in the DOM you can call it on its own. There are three ways to use it.

One option is adding new code blocks to the DOM and then calling the method again:

// alone
Rainbow.color();

// or with a call back
Rainbow.color(function() {
console.log('the new blocks are now highlighted!');
});

当您在 <head> 中执行脚本时没有 <body>还没有。

关于javascript - rainbow.js 不运行 Rainbow.color();启动时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22229351/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com