我可以将Bootstrap与rcloud一起使用



尽管Shiny很棒,但我真的很想制作自己的响应式仪表板并使用自定义品牌,所以我可以在rcloud中使用bootstrap吗?

有几种在rcloud中添加CSS的方法,包括:

方法1。

edit.html/view.html 笔记本(标准笔记本接口)中,将CSS添加为RCLOUD资产并使用:

 rcloud.install.css(paste0("/notebook.R/",rcloud.session.notebook.id(),"/simple.css"))

注意:假设RCloud资产在同一笔记本中。如果不是,则需要指定笔记本> r 路径。Notebook.r提供两个目的,1。将笔记本作为"脚本"处理REST API,从笔记本(例如CSS)提供静态资产。

方法2。

在mini.html笔记本中:

library(rcloud.web) 
html.main <- rcloud.get.asset("method1.html", notebook =rcloud.session.notebook.id())
rcw.result(body=html.main)  

其中方法1.html:

<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/notebook.R/236f9f7e41045780d00f9dbd08b8a890/simple.css">
</head>
<body>
etc.

方法3。

在mini.html笔记本中,使用rcw.result的身体参数添加直接html:

library(rcloud.web) 
rcw.result( 
body="<script language='javascript' type='text/javascript' src='/notebook.R/e8c8df5eff2161b309213b8f7e7cafd6/simple.js'></script>
<link rel='stylesheet' type='text/css' href='/notebook.R/e8c8df5eff2161b309213b8f7e7cafd6/simple.css' media='screen'/>
<div id=left-margin>A very simple notebook.
<p id=demo>It worked!</p>
<button class=intro type='button' onclick='myFunction()'>Click me</button></div>"
) 

注意:内部引号必须是单个引号。此内容还有其他排列,您还可以以相同的方式添加JavaScript和JS库(例如D3和JQuery) - 这很好,尤其是因为Mini.html可以注册回调,并且只要页面就可以使用运行的RCLOUD会话开放。

最新更新