Wie füge ich CSS-Klassen zu einzelnen Codeblöcken in RMarkdown hinzu?-CSS-Tutorial-php.cn

Wie füge ich CSS-Klassen zu einzelnen Codeblöcken in RMarkdown hinzu?

Linda Hamilton

Freigeben： 2024-10-25 03:33:29

Original

718 Leute haben es durchsucht

How to Add CSS Classes to Individual Code Chunks in RMarkdown?

Hinzufügen von CSS-Klassen zu einzelnen Codeblöcken in RMarkdown

In RMarkdown kann die Anpassung des Erscheinungsbilds von Codeblöcken die Lesbarkeit und Ästhetik von Dokumenten verbessern. Eine Möglichkeit, dies zu erreichen, besteht darin, CSS-Klassen bestimmten Codeblöcken zuzuweisen.

Herausforderung:

Als RMarkdown-Benutzer müssen Sie möglicherweise eine CSS-Klasse hinzufügen zu einem bestimmten Codeblock, der durch eine Bezeichnung gekennzeichnet ist, z. B. .myClass. Das Ziel besteht darin, eine unkomplizierte Lösung zu finden, die keine umständlichen Workarounds wie das Einpacken des Chunks in ein zusätzliches

erfordert.

Erster Versuch:

Man könnte es versuchen Verwenden Sie die folgende Syntax, um die .myClass-Klasse zum Codeblock mit der Bezeichnung „cars“ hinzuzufügen:

summary(cars)

Nach dem Login kopieren

Leider funktioniert dieser Ansatz nicht. Um diese Einschränkung zu beheben, stellen wir zwei Lösungen vor:

Lösung 1: Knitrs Option „class.source“

knitr, das zugrunde liegende R-Paket für RMarkdown, hat die Klasse kürzlich eingeführt. source-Option, mit der Sie eine CSS-Klasse für den Quellcodeblock angeben können:

summary(cars)

Nach dem Login kopieren

Diese Methode ist unkompliziert und fügt die .myClass-Klasse zum

 hinzu. Element, das den Codeblock im generierten HTML-Dokument umgibt.</p>
<p><strong>Lösung 2: Pandocs Fenced_code_attributes-Erweiterung und Ausgabe-Hook</strong></p>
<p>Bevor knitr die Option class.source implementierte, eine Lösung mit Die Fenced_code_attributes-Erweiterung von Pandoc und ein benutzerdefinierter Knitr-Ausgabe-Hook waren beliebt. Dieser Ansatz funktioniert durch das Hinzufügen von Attributen zum <pre class="brush:php;toolbar:false"> tag:</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">---
title: "Untitled"
output:
  html_document:
    md_extensions: +fenced_code_attributes
---

Nach dem Login kopieren

knitr::knit_hooks$set(source = function(x, options) {
return(paste0(

"```{.r",
ifelse(is.null(options$class),
  "",
  paste0(" .", gsub(" ", " .", options$class))
),
"}\n",
x,
"\n```"

Nach dem Login kopieren

))
})

Zusammenfassung (Autos)

Das obige ist der detaillierte Inhalt vonWie füge ich CSS-Klassen zu einzelnen Codeblöcken in RMarkdown hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!