Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html R标记中kableExtra表的popover/工具提示中的换行符_Html_R_R Markdown_Knitr_Kableextra - Fatal编程技术网

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&#013;break", "line&#10;break")))

kbl(popover_dt, escape = FALSE) %>%
  kable_paper("striped", full_width = FALSE)

```
<script>
$(document).ready(function(){
    $('[data-toggle="popover"]').popover({html: true}); 
});
</script>