Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-10-25 03:33:29
Original
723 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
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
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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage