> 웹 프론트엔드 > CSS 튜토리얼 > **RMarkdown 코드 청크에 CSS 클래스를 직접 적용할 수 있습니까?**

**RMarkdown 코드 청크에 CSS 클래스를 직접 적용할 수 있습니까?**

Susan Sarandon
풀어 주다: 2024-10-25 06:06:29
원래의
398명이 탐색했습니다.

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

RMarkdown에서 특정 코드 청크에 CSS 클래스를 할당하는 방법

RMarkdown에서 CSS 클래스를 할당해야 하는 상황이 발생할 수 있습니다. 스타일링 목적을 위한 특정 코드 청크. 청크를

요소?

Knitr을 사용한 간단한 솔루션

knitr 버전 1.16부터 ikiMd는 class.source 및 클래스를 사용하여 소스 및 출력 청크에 HTML 클래스 추가를 지원합니다. 출력 옵션.

CSS 클래스 myClass를 'cars'라는 라벨이 붙은 소스 청크에 추가하려면:

summary(cars)

이를 통해 소스 청크는 다음과 같습니다. myClass 클래스를 적용하여 렌더링했습니다.

Fenced 코드 속성을 사용한 레거시 기술

class.source를 도입하기 전에는 Markdown의 Fenced_code_attributes 확장 및 knitr를 사용하는 해결 방법이 있었습니다. 출력 후크:

  • 분리 코드 속성 활성화: YAML 헤더에 다음 줄을 추가합니다.

    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`"
    ))
    })

  • CSS 클래스 할당: 다음 구문을 사용하여 CSS 클래스를 코드 청크에 할당합니다. :

    요약(자동차)

위 내용은 **RMarkdown 코드 청크에 CSS 클래스를 직접 적용할 수 있습니까?**의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿