Maison > interface Web > tutoriel CSS > **Pouvez-vous appliquer des classes CSS directement aux morceaux de code RMarkdown ?**

**Pouvez-vous appliquer des classes CSS directement aux morceaux de code RMarkdown ?**

Susan Sarandon
Libérer: 2024-10-25 06:06:29
original
407 Les gens l'ont consulté

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

Comment attribuer des classes CSS à des morceaux de code spécifiques dans RMarkdown

Dans RMarkdown, vous pouvez rencontrer des situations dans lesquelles vous devez attribuer des classes CSS à des morceaux de code spécifiques à des fins de style. Est-il possible d'accomplir cela directement sans recourir à des hacks comme envelopper le morceau dans un fichier

element?

Solution simple avec Knitr

À partir de la version 1.16 de knitr, ikiMd prend en charge l'ajout de classes HTML aux morceaux source et de sortie à l'aide de class.source et de classe. options de sortie.

Pour ajouter une classe CSS, myClass, au morceau source intitulé 'cars' :

summary(cars)

Avec cela, le morceau source sera rendu avec la classe myClass appliquée.

Technique héritée avec attributs de code clôturé

Avant l'introduction de class.source, il existait une solution de contournement utilisant l'extension fenced_code_attributes de Markdown et un knitr hook de sortie :

  • Activer les attributs de code clôturé : Ajoutez la ligne suivante à votre en-tête YAML :

    output: 
      html_document:
        md_extensions: +fenced_code_attributes
    Copier après la connexion
  • Créer un crochet de sortie : Incluez le morceau suivant au début de votre document :

    knitr::knit_hooks$set(source = function(x, options) {
    return(paste0(
    "`{.r",
    ifelse(is.null(options$class),

    "", 
    paste0(" .", gsub(" ", " .", options$class))
    Copier après la connexion

    ),
    "}n",
    x,
    "n`"
    ))
    })

  • Attribuer une classe CSS : Utilisez la syntaxe suivante pour attribuer une classe CSS à un morceau de code :

    résumé(voitures)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal