**Können Sie CSS-Klassen direkt auf RMarkdown-Codeblöcke anwenden?**-CSS-Tutorial-php.cn

**Können Sie CSS-Klassen direkt auf RMarkdown-Codeblöcke anwenden?**

Susan Sarandon

Freigeben： 2024-10-25 06:06:29

Original

357 Leute haben es durchsucht

**Can You Apply CSS Classes Directly to RMarkdown Code Chunks?**

So weisen Sie CSS-Klassen bestimmten Codeblöcken in RMarkdown zu

In RMarkdown können Sie auf Situationen stoßen, in denen Sie CSS-Klassen zuweisen müssen Spezifische Codeblöcke für Gestaltungszwecke. Ist es möglich, dies direkt zu erreichen, ohne auf Hacks wie das Einwickeln des Chunks in ein

zurückzugreifen? element?

Einfache Lösung mit Knitr

Ab knitr Version 1.16 unterstützt ikiMd das Hinzufügen von HTML-Klassen zu Quell- und Ausgabeblöcken mithilfe der Klasse.source und der Klasse. Ausgabeoptionen.

Um eine CSS-Klasse, myClass, zum Quellblock mit der Bezeichnung „Autos“ hinzuzufügen:

Zusammenfassung(Autos)

Damit wird der Quellblock angezeigt gerendert mit der angewendeten myClass-Klasse.

Legacy-Technik mit Fenced-Code-Attributen

Vor der Einführung von class.source gab es eine Problemumgehung mithilfe der Fenced_code_attributes-Erweiterung von Markdown und eines Knitr Ausgabe-Hook:

Attribute für eingezäunten Code aktivieren: Fügen Sie die folgende Zeile zu Ihrem YAML-Header hinzu:
```
output: 
  html_document:
    md_extensions: +fenced_code_attributes
```
Nach dem Login kopieren
Ausgabe-Hook erstellen: Fügen Sie den folgenden Block am Anfang Ihres Dokuments ein:

knitr::knit_hooks$set(source = function(x, options) {
return(paste0(
"`{.r",
ifelse(is.null(options$class),
```
"", 
paste0(" .", gsub(" ", " .", options$class))
```
Nach dem Login kopieren
),
"}n",
x,
"n`"
))
})
CSS-Klasse zuweisen: Verwenden Sie die folgende Syntax, um einem Codeblock eine CSS-Klasse zuzuweisen :

Zusammenfassung (Autos)

Das obige ist der detaillierte Inhalt von**Können Sie CSS-Klassen direkt auf RMarkdown-Codeblöcke anwenden?**. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!