rmarkdown之下拉菜单

前言

  前面介绍了用rmarkdown实现选项卡rmarkdown实现折叠功能,今天来说如何用markdown做一个下拉菜单。这个功能还是很常见的功能,比如页面的导航条很多都有这个功能,单击一下下拉菜单就会出现很多选项可供选择。其实说起来下拉菜单跟选项卡有异曲同工之妙,都是为了可以选择性的展示多个内容。
  例如在html报告中,多个样本的同一种图就可以用下拉菜单来展示,这样既不影响页面布局还可以查看所有样本的图片。废话不多说,咱们来看看具体实现代码。

代码

由于rmarkdown直接无法很好的实现下拉菜单,这里我们借用第三方R包来实现,首先安装一下R包:

devtools::install_github('walkerke/bsselectR')

比如当前文件有三张图片,分别为"blue.jpg"、"green.jpg"、"red.jpg",然后用这三张图片制作制作下拉菜单,具体代码如下:

library(bsselectR)
library(stringr)

plots <- list.files('.','*.jpg')
names(plots) <- str_replace_all(basename(plots),".jpg","")
bsselect(plots,type="img",height='100%',width='100%',frame_height='50%',frame_width='80%',live_search=TRUE,show_tick=TRUE)

效果如下:

  实现过程看起来是不是很轻松,看是简单的功能却可以给页面展示润色不少,让html更简洁也更全面的展示内容。

最后

  学习过markdown的基础语法,然后再结合选项卡、折叠、下拉菜单这些功能,可以很轻松的制作一个静态的html。好了,关于markdown的内容就分享这么多了,你学会了么?

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • E战到底特训营第9天 2019.4.6 天气:晴 神奇酷炫的下拉菜单 1. 基本用...
    3e207ab3b329阅读 1,179评论 0 0
  • 今天是第10天啦,主题是:神奇酷炫的下拉菜单,以下为今天学习内容: 一、 基本用法 1,手工录入:将前面的数据先手...
    5队my阅读 294评论 0 0
  • 今天我们学习神奇酷炫的下拉菜单的制作,来看看都有哪些知识点! 基本用法 1.手工录入 直接按住Alt+ ↓ 即可快...
    海洁百图阅读 493评论 2 1
  • 今天学习下拉菜单,好吧,我承认,在此之前我会的还是基本的手工录入。今天老师教的两个函数,有点难,我还得多研究研究。...
    阿晓_A_Xiao阅读 796评论 0 0
  • 今日学习下拉菜单,日常工作应用会设置数据验证制作下拉菜单,alt+↓的快捷方式第一次应用,感觉也很方便。 今日学习...
    愿成为自律的vv阅读 194评论 0 1