尽管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会话开放。