Html R标记中kableExtra表的popover/工具提示中的换行符
我想在鼠标悬停在表格的单元格上时,在弹出窗口中显示文本。不过,这是可行的,我无法在文本中获得换行符。下面是我的例子:Html R标记中kableExtra表的popover/工具提示中的换行符,html,r,r-markdown,knitr,kableextra,Html,R,R Markdown,Knitr,Kableextra,我想在鼠标悬停在表格的单元格上时,在弹出窗口中显示文本。不过,这是可行的,我无法在文本中获得换行符。下面是我的例子: --- 标题:“popover中的换行符” 输出:html\u文档 --- $(文档).ready(函数(){ $('[data toggle=“popover”]')。popover(); }); ```{r echo=FALSE} knitr::opts_chunk$set(echo=TRUE) 图书馆(kableExtra) popover_dt% 可折叠纸(“条纹”,全宽
---
标题:“popover中的换行符”
输出:html\u文档
---
$(文档).ready(函数(){
$('[data toggle=“popover”]')。popover();
});
```{r echo=FALSE}
knitr::opts_chunk$set(echo=TRUE)
图书馆(kableExtra)
popover_dt%
可折叠纸(“条纹”,全宽=假)
```
然而,我没有做的是在弹出窗口中的行和中断之间进行换行。我试过\n
,
,&013代码>,以及
代码>。似乎没有任何尝试奏效。你知道怎么解决那个问题吗
您可以向文档中添加自定义css样式,请参见:
---
标题:“popover中的换行符”
输出:html\u文档
---
$(文档).ready(函数(){
$('[data toggle=“popover”]')。popover();
});
```{css,echo=FALSE}
div{
空白:预包装;
}
```
```{r echo=FALSE}
knitr::opts_chunk$set(echo=TRUE)
图书馆(kableExtra)
popover_dt%
可折叠纸(“条纹”,全宽=假)
```
将html:true
添加到javascript中:
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover({html: true});
});
</script>
$(文档).ready(函数(){
$('[data toggle=“popover”]')。popover({html:true});
});
然后,
应该提供一个换行符。尝试在js中添加html:true
,如下所示:$('[data toggle=“popover”]')。popover({html:true})代码>然后包括
应提供行break@Ben是的,见编辑后的帖子。然而,它仍然不起作用。我把这条线放在它应该放的地方了吗?对不起,我不知道js。到目前为止,我只使用了R。不-只需将html:true
添加到您所拥有的内容中即可-全部内容如下:$(document).ready(function(){$('[data toggle=“popover”]').popover({html:true};})代码>我将提供一个答案来澄清。。。
---
title: "Line break in popover"
output: html_document
---
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
```{css, echo=FALSE}
div {
white-space: pre-wrap;
}
```
```{r echo = FALSE}
knitr::opts_chunk$set(echo = TRUE)
library(kableExtra)
popover_dt <- data.frame(
position = c("top", "bottom", "right", "left"),
stringsAsFactors = FALSE
)
popover_dt$`Hover over these items` <- cell_spec(
paste("Message on", popover_dt$position), # Cell texts
popover = spec_popover(content = c("line\nbreak", "line<br>break", "line
break", "line break")))
kbl(popover_dt, escape = FALSE) %>%
kable_paper("striped", full_width = FALSE)
```
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover({html: true});
});
</script>