web-dev-qa-db-fra.com

Ajout de balises CSS personnalisées à un document html RMarkdown

J'ai un document RMarkdown qui sort en HTML du même formulaire que l'exemple ci-dessous. Que dois-je ajouter pour appliquer des identifiants ou des classes CSS uniques à chaque sortie de tracé?

---
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)
```

J'ai lu la page d'information à http://rmarkdown.rstudio.com/html_document_format.html qui a permis de répondre à cette question mais ne m'a pas amené à y arriver. J'ai une question similaire faisant référence au contenu de cette page dans sa section commentaires, et j'apprécierais une réponse à l'une ou à l'autre.

Merci!

cssrrstudioknitrr-markdown
15
efbbrown

Vous pouvez dire à knitr (qui est utilisé sous le capot) avec results="asis" d’incorporer la sortie d’un bloc directement dans le code HTML. Dans le morceau, vous pouvez utiliser cat pour écrire simplement une balise de style incluant vos définitions css:

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

Voir http://yihui.name/knitr/options/#chunk_options pour plus de détails.

9
Holger Brandl

Ouvrez le code HTML résultant dans un navigateur avec une option Outils de développement et examinez le code HTML généré. Puis appliquez votre style aux balises/classes appropriées. Par exemple, mettez ce qui suit dans style.css, tricotez le fichier et vous devriez voir une bordure rouge sur les tracés:

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