问题标签 [rainbow-js]

我正在使用 - 或者我正在尝试将rainbow.js语法高亮库用于我在博客 ( Google Blogger) 上发布的代码片段。我认为我使用正确：

所有需要的库都加载到HTMLHEAD 部分：

我遇到问题的一个示例帖子是这个。代码包含在 pre/code 标记中，背景为灰色 - 因此应该正确加载 CSS。但实际上没有突出显示。但是当我输入以下内容时：

在JavaScript控制台中手动显示颜色（语法突出显示）。不知道怎么回事，有大神指点一下吗？

编辑：

我之前添加了以下内容：

不幸的是，无论是onload还是手动Rainbow.color();工作......

• 正则表达式101
• JSFiddle

我正在使用Rainbow.js库向 LaTeX 代码添加语法高亮，如下所示：

但它未能突出显示组#3，即使——根据我所看到的一切——该组正在被捕获。知道可能出了什么问题吗？为什么它会匹配第一组而不匹配第三组？

上面的文本在 Google Doc 中进行了选择，并将其更改为十六进制代码 #69359c（深紫色）。我搜索了很多网站，很多 git，并在我的项目上向很多朋友寻求帮助。

我的最终项目是这样的：

1. 使用我的选择器为 Google Docs 创建一个菜单 (DONE)
2. 能够突出显示一定数量的文本并将其更改为一组颜色（ROY G. BIV / 彩虹）。
3. 格式仅适用于 Google 文档。

如果有人可以帮助我，将不胜感激。

我的 HTML 中有这个 Javascript，我想用其他 Javascript 代码更改字体。

这是我使用的按小时显示一个句子的脚本。

然后我希望结果由这个彩虹 Javascript 设置样式：

我不知道如何组合这些脚本。谁能帮忙？

我正在尝试将彩虹代码示例添加到我的 ember 项目中。我通过凉亭安装了彩虹，它在本地工作。但是，当我构建并部署到登台时，我遇到了 JS 控制台错误。

据我所知，这是 this 的缩小版。在我看来，由于某种原因，棱镜类在缩小时没有被包括在内。我正在进口

在我的 ember-cli-build.js 中使用

bowerDependencies.forEach(function(path) { app.import(app.bowerDirectory + '/' + path); });.

如果我使用 minify off 构建它会非常好，但我想缩小 JS。我目前不知道为什么不包含这些文件。

Use of rainbow.js to highlight the code causing code in <code> tag to overflow (x). CSS overflow property doesn't seem to work (even with !important)

Code containing <code> tag

CSS :

Replacement of <code> tag with <div> eliminates the overflow problem but highlighting doesn't work (this plugin requires code to be put in <code> tag)

How can I resolve this overflow issue to provide scroll? Or do I need to use any other code highlighting library?

• With code tag (highlight yes, scroll no) Overflow • With div tag (highlight no, scroll yes)

我正在尝试将彩虹代码节点模块添加到我使用 TypeScript 的 Vue 应用程序中。此应用程序是使用 vue-cli 生成的。

Rainbow-code 是一个代码语法模块，它不是用 Typescript 编写的，我试图通过 main.ts 分发这个依赖项。我可以只复制依赖项并在 html 标记中导入相对路径。但我希望更加熟悉在 Typescript 中导入模块。

导入我的依赖项时，我在 chrome 调试器中收到以下错误

这是我的 main.ts

另外这里是源代码的一个片段

另外，我觉得我成功地导入了它们？但随后得到一个错误

这是依赖项网站https://github.com/ccampbell/rainbow#install-rainbow 我不确定还有哪些其他信息对调试有用。

编辑。这是我试图在我的 vue 组件中调用的功能。但我似乎无法在我的 vue 组件中访问此功能。