Heim  >  Artikel  >  Web-Frontend  >  Wie füge ich CSS-Klassen zu einzelnen Codeblöcken in RMarkdown hinzu?

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

Linda Hamilton
Linda HamiltonOriginal
2024-10-25 03:33:29631Durchsuche

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)

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)

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>
<pre class="brush:php;toolbar:false">---
title: "Untitled"
output:
  html_document:
    md_extensions: +fenced_code_attributes
---

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

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

))
})

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn