HTML output of Shiny UI code

shiny
1

I 've made my own fluidPage UI code. I'd like to see the HTLM output rendered from my UI code just like below.

https://shiny.rstudio.com/articles/html-tags.html

fluidPage(

  # App title ----
  titlePanel("Hello Shiny!"),

  # Sidebar layout with input and output definitions ----
  sidebarLayout(

    # Sidebar panel for inputs ----
    sidebarPanel(

      # Input: Slider for the number of bins ----
      sliderInput(inputId = "bins",
                  label = "Number of bins:",
                  min = 1,
                  max = 50,
                  value = 30)

    ),

    # Main panel for displaying outputs ----
    mainPanel(

      # Output: Histogram ----
      plotOutput(outputId = "distPlot")

    )
  )
)

## <div class="container-fluid">
##   <h2>Hello Shiny!</h2>
##   <div class="row">
##     <div class="col-sm-4">
##       <form class="well">
##         <div class="form-group shiny-input-container">
##           <label class="control-label" for="bins">Number of bins:</label>
##           <input class="js-range-slider" id="bins" data-min="1" data-max="50" data-from="30" ## data-step="1" data-grid="true" data-grid-num="9.8" data-grid-snap="false" ## data-prettify-separator="," data-prettify-enabled="true" data-keyboard="true" ## data-keyboard-step="2.04081632653061" data-data-type="number"/>
##         </div>
##       </form>
##     </div>
##     <div class="col-sm-8">
##       <div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
##     </div>
##   </div>
## </div>
1 Like
2

I've found a solution.

If the UI code is run in a console, the HTML output could be seen in the console

1 Like