Quarto文档中FontAwesome图标与kable/kableExtra兼容异常求助
Quarto中kable/kableExtra与FontAwesome图标兼容问题
在Quarto文档中使用kable或kableExtra生成表格时,FontAwesome图标存在显示异常或无法正常渲染的问题。以下是复现代码及对应输出效果:
1. kable 示例
--- title: FontAwesome and Kable --- {{< fa brands pagelines >}} {{< fa seedling >}} {{< fa plant-wilt >}} ```{r} library(dplyr) library(knitr) icons <- c("{{< fa brands pagelines >}}","{{< fa seedling >}}","{{< fa plant-wilt >}}") x <- iris %>% slice(c(1,51,101)) %>% mutate(Species=paste0("<span style='background-color:#d7bde2;padding:1px 3px;border-radius:3px;'>",icons," ",Species,"</span>"))
kable(x)
kable(x,format="html",escape=FALSE)
输出效果:  ## 2. kableExtra 示例 ```qmd --- title: FontAwesome and KableExtra --- {{< fa brands pagelines >}} {{< fa seedling >}} {{< fa plant-wilt >}} ```{r} library(dplyr) library(knitr) library(kableExtra) icons <- c("{{< fa brands pagelines >}}","{{< fa seedling >}}","{{< fa plant-wilt >}}") x <- iris %>% slice(c(1,51,101)) %>% mutate(Species=paste0("<span style='background-color:#d7bde2;padding:1px 3px;border-radius:3px;'>",icons," ",Species,"</span>"))
kable(x)
kable(x,format="html",escape=FALSE)
输出效果:  ## 3. kableExtra 带样式示例 ```qmd --- title: FontAwesome and KableExtra description: Using FontAwesome icons with kableExtra HTML table execute: message: false warning: false --- {{< fa brands pagelines >}} {{< fa seedling >}} {{< fa plant-wilt >}} ```{r} library(dplyr) library(knitr) library(kableExtra) icons <- c("{{< fa brands pagelines >}}","{{< fa seedling >}}","{{< fa plant-wilt >}}") x <- iris %>% slice(c(1,51,101)) %>% mutate(Species=paste0("<span style='background-color:#d7bde2;padding:1px 3px;border-radius:3px;'>",icons," ",Species,"</span>"))
kable(x)
kable(x,format="html",escape=FALSE)
kable(x,format="html",escape=FALSE) %>% kable_styling(bootstrap_options=c("hover","condensed","responsive"), position="center", full_width=FALSE)
输出效果:  ### 使用版本信息 - knitr 1.43 - kableExtra 1.3.4 - quarto 1.3.433 内容的提问来源于stack exchange,提问作者mindlessgreen
相关产品推荐
相关产品推荐

