web-dev-qa-db-ja.com

RMarkdownhtmlドキュメントへのカスタムCSSタグの追加

以下の例と同じ形式のHTMLに出力するRMarkdownドキュメントがあります。各プロット出力に一意のCSSIDまたはクラスを適用する場所を追加するにはどうすればよいですか？

---
title: "RMarkdown"
author: "Me"
date: "Friday, March 27, 2015"
output:
  html_document:
    theme: null
    css: style.css
---

```{r plot1, echo=FALSE, warning=FALSE, message=FALSE}
library(ggplot2)
x <- ggplot(some_r_code)
print(x)
```

```{r plot2, echo=FALSE, warning=FALSE, message=FALSE}
y <- ggplot(some_more_r_code)
print(y)
```

http://rmarkdown.rstudio.com/html_document_format.html の情報ページを読みましたが、この質問に答える方法はありましたが、そこにたどり着きませんでした。そのページのコメントセクションの資料を参照して同様の質問があります。どちらかについて回答をいただければ幸いです。

ありがとう！

cssrrstudioknitrr-markdown
16
efbbrown

results="asis"を使用してknitr（内部で使用される）にチャンクの出力を直接htmlに埋め込むように指示できます。チャンク内でcatを使用して、css定義を含むスタイルタグを簡単に記述できます。

```{r results="asis"}
cat("
<style>
h1 {
   color: red;
}
</style>
")
```

詳細については、 http://yihui.name/knitr/options/#chunk_options を参照してください。

14
Holger Brandl

結果のHTMLを開発者ツールオプションを使用してブラウザで開き、生成されたHTMLを確認します。次に、適切なタグ/クラスにスタイルを適用します。たとえば、次のようにstyle.css、ファイルを編むと、プロットに赤い境界線が表示されます。

img {
  background-color: red;
  padding: 2px;
  border: 1px solid red;
  border-radius: 3px;
  margin: 0 5px;
  max-width: 100%;
}
1
hrbrmstr