2015-03-27 19 views
13

Tôi có một tài liệu RMarkdown xuất ra HTML có cùng dạng như ví dụ bên dưới. Tôi phải thêm nơi để áp dụng các id hoặc lớp CSS duy nhất cho mỗi đầu ra lô?Thêm thẻ CSS tùy chỉnh vào tài liệu html RMarkdown

--- 
title: "RMarkdown" 
author: "Me" 
date: "Friday, March 27, 2015" 
output: 
    html_document: 
    theme: null 
    css: style.css 
--- 

```{r plot1, echo=FALSE, warning=FALSE, message=FALSE} 
library(ggplot2) 
x <- ggplot(some_r_code) 
print(x) 
``` 

```{r plot2, echo=FALSE, warning=FALSE, message=FALSE} 
y <- ggplot(some_more_r_code) 
print(y) 
``` 

Tôi đã đọc trang thông tin tại http://rmarkdown.rstudio.com/html_document_format.html đã tìm cách trả lời câu hỏi này nhưng không đưa tôi đến đó. Tôi có một câu hỏi tương tự đề cập đến các tài liệu trong trang đó trong phần bình luận của nó, và sẽ đánh giá cao một câu trả lời trên một trong hai.

Cảm ơn!

+0

đây là một câu hỏi hay, bạn đã bao giờ tìm thấy giải pháp chưa? –

+1

Tôi đã không nhưng có một số cách giải quyết bạn có thể sử dụng. Mỗi đoạn mã được hiển thị trong thẻ 'p' và mỗi ô được hiển thị trong thẻ' img' bên trong các đoạn văn đó. Vì vậy, bạn có thể truy cập vào đầu tiên với css 'p: nth-of-type (1) img {enter css here ...}' và thứ hai với css 'p: nnth-of-type (2) img {enter css here ...} '. Hi vọng điêu nay co ich! – efbbrown

Trả lời

1

Mở HTML kết quả trong trình duyệt có tùy chọn Công cụ dành cho nhà phát triển và xem HTML được tạo. Sau đó, bạn áp dụng kiểu dáng cho các thẻ/lớp thích hợp. Ví dụ, đặt sau vào style.css, đan các tập tin và bạn sẽ thấy một đường viền màu đỏ trên thửa:

img { 
    background-color: red; 
    padding: 2px; 
    border: 1px solid red; 
    border-radius: 3px; 
    margin: 0 5px; 
    max-width: 100%; 
} 
+0

Tôi biết tôi có thể thay đổi tệp html được tạo nhưng tôi muốn một giải pháp có lập trình tránh việc áp dụng các thẻ theo cách thủ công như bạn đã đề xuất. Tôi cũng muốn tạo kiểu cho các ô một cách riêng biệt và truy cập vào thẻ không cho phép tôi thực hiện điều đó. – efbbrown

4

Bạn có thể nói knitr (được sử dụng dưới mui xe) với results="asis" để nhúng đầu ra của một đoạn thẳng vào html. Trong đoạn bạn có thể sử dụng cat chỉ đơn giản là viết một thẻ phong cách bao gồm các định nghĩa css của bạn:

```{r results="asis"} 
cat(" 
<style> 
h1 { 
    color: red; 
} 
</style> 
") 
``` 

Xem http://yihui.name/knitr/options/#chunk_options để biết chi tiết.

Các vấn đề liên quan