将彩色背景限制在 rmarkdown 中的方程区域

Posted 2023-02-14

【中文标题】将彩色背景限制在 rmarkdown 中的方程区域

【英文标题】：Confining colorful background to the area of an equation in rmarkdown

【发布时间】：2022-01-13 10:52:31

【问题描述】：

我想为方程式添加彩色背景。我已经尝试了下面的代码，但不幸的是，彩色背景扩展到了边缘，而不是被限制在等式中。有人可以帮我吗？

---
title: "Untitled"
output: html_document
---

Some text

<div style="background-color: rgb(255,255,153);">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

【参考方案1】：

默认情况下，DIV 是块元素。 SPAN 是一个内联元素。

试试这个：

<span style="background-color: rgb(255,255,153);padding:10px;">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</span>

填充控制方程周围的颜色量。

【讨论】：

谢谢@BonzoFestoon，但它似乎无法正常工作：彩色背景被置于等式之外。

@PaulSmith 外面怎么样？你是说填充物吗？对于浏览器，MD 应该呈现为类似这样的 HTML：jsfiddle.net/otumaegL

请参阅：postimg.cc/4mDYf3GS

我相信问题与您的代码无关，而是与@BonzoFestoon 的一些rmarkdown 冲突。谢谢！

【参考方案2】：

您可以使用 CSS 样式来做到这一点。将其放入您的文档中，或放入包含在 YAML 标头中的单独 CSS 文件中：

<style>
span.MathJax 
  background-color: rgb(255,255,153)

</style>

这将使您的所有 MathJax 代码都具有黄色背景。如果您只想显示方程式，请使用

<style>
div.MathJax_Display > span.MathJax 
  background-color: rgb(255,255,153)

</style>

如果您只希望一个特定的等式具有颜色，那么您应该使用更具体的选择器，例如

<style>
#MathJax-Element-1-Frame 
  background-color: rgb(255,255,153)

</style>

您将在其中为第二个等式输入#MathJax-Element-2-Frame，等等。对于很多等式，这可能很乏味，因此您可以为要突出显示的那些添加一个类并选择它们， 例如

<style>
div.Highlighted span.MathJax 
  background-color: rgb(255,255,153)

</style>

This one is regular:
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$

This one is highlighted:
<div class="Highlighted">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

根据 cmets 的说法，Bookdown 可能需要您请求 HTML-CSS 渲染，这可以通过鼠标右键单击其中一个方程式并按照菜单到 Math Settings | Math Renderer | HTML-CSS 来完成。

【讨论】：

谢谢，@user2554330。事实上，我只想为某些方程式添加彩色背景。 BonzoFestoon 不起作用，因为彩色背景不在等式范围内。

为此添加了几个选项。

完美答案，@user2554330！真的非常感谢！

不幸的是，当我在bookdown::bs4_book 的一章中插入您最后一个代码窗口的代码时，似乎忽略了突出显示的样式。有什么想法吗？

抱歉，没有更多信息（例如可重现的示例），我无能为力。您可以尝试在文本编辑器中打开 .html 页面并搜索字符串 Highlighted：Bookdown 可能正在使用该名称，您只需选择另一个名称。也许如果您将整个区块从<div class="Highlighted"> 发布到结尾</div>，有人可能会发现问题。