css - 将类添加到 knitr 生成的代码块

Question

当我通过 the RWordPress package 将我的 R markdown 文件编织成 HTML 时, <pre> 的格式和 <code>标签因为其他样式/插件而被打乱(我认为 Crayon syntax highlighter 是最大的罪魁祸首，但我不愿意放弃它)。一个简单的解决方案可能是为每个 <pre> 添加一个类和 <code>由 Knitr 生成的标签，这样它们就可以用一些 CSS 单独设置样式，但我无法确定一种简单的方法来做到这一点。有没有 Knitr 专家知道如何自动完成这件事？如果其他解决方案同样简单，欢迎使用。

编辑:为了可能澄清，我认为我需要做的是覆盖由 render_html() 生成的默认“源”钩子(Hook)。并以这种方式添加一个新标签，但我正在努力通过阅读 the documentation 来弄清楚如何做或 the examples .

Answer 1

您可以在 Rmd 文档(将呈现为 HTML)中使用 jQuery 来向每个源代码块添加一个类:

<script>
$(document).ready(function () {
    $('pre.r').addClass('yourClass');
});
</script>

此代码段添加了 CSS 类 .yourClass每<pre>已经带有类 .r 的元素.

如果要修改<code>这些元素的子元素使用

<script>
$(document).ready(function () {
    $('pre, .r').children('code').addClass('yourClass');
});
</script>

从这里开始，您可以自行决定如何设置 yourClass 的样式。使用 CSS 编写代码块。