library(dplyr) library(htmltools)
html_template_rightWay <- tags$html( tags$head( do.call(htmltools::tagList, headTags), tags$meta( name="viewport", content="width=device-width, initial-scale=1.0" ) ), tags$body( do.call(htmltools::tagList, bodyTags) ) )
headTags <- { list( htmltools::tags$link( href="https://fonts.googleapis.com/icon?family=Material+Icons", rel="stylesheet" ) ) }
bodyTags <- { list( tags$div(class="container", # Page Content goes here tags$div(class="row", tags$div(class="col s12", "This div is 12-columns wide on all screen sizes"), tags$div(class="col s6", "6-columns (one-half)"), tags$div(class="col s6", "6-columns (one-half)")) ) ) }
<!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
mtl_dependencyGenerator <- function() { mtl_cdn <- "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/" mtl_css <- "css/materialize.min.css" mtl_js <- "js/materialize.min.js" htmltools::htmlDependency( name = "mtl", version = "1.0", src = c(href = mtl_cdn), stylesheet = mtl_css, script = mtl_js ) }
html_template_rightWay %>% htmltools::attachDependencies( mtl_dependencyGenerator(), append = T ) -> html_materializedUsingAttachDependencies
html_materializedUsingTagList <- htmltools::tagList( html_template_rightWay, mtl_dependencyGenerator() )
htmltools::browsable( html_materializedUsingTagList )
htmltools::save_html(html_materializedUsingTagList, file="index.html")
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.