본문 바로가기
실용적인프로그래밍/R

[R][shiny] Shiny에서 사용가능한 html들!

by 인포메틱스 2020. 10. 12.
반응형

 

Shiny에서 사용가능 한 Html 친구들을 모아보았습니다.

<html>
	<body>
		<p>first paragraph</p>
		<p>second paragraph</p>
		<h1> h1 test </h1>
		<h2> h2 test </h2>
		<h3> h3 test </h3>
		<h4> h4 test </h4>
		<h5> h5 test </h5>
		<h6> h6 test </h6>
		<a href="https://www.mopipe.tistory.com"> Go Home </a>
		<br>
		<div>
		<span style="background-color:green"> Span Test </span>
		<br>
		<img src="image path" width=100,height =100>
		<br>
		<code>python</code>
		<pre> 
		test pre
		test pre1234
		</pre>
		<strong> Strong test </strong>
		<br>
		<b> b test</b>
		<br>
		<em> Homo sapiens </em>
	</body>
</html>

위와 같이 코드를 짜면 다음과 같이 결과가 나옵니다.

 

잘 보시고 참고하시면 됩니다.

 

Shiny에서 진행하기 위해서는  다음과 같이 진행해주시면 됩니다.

 

library(shiny)
library(shinydashboard)
ui<-dashboardPage(
  dashboardHeader(title = 'Variant table'),
  sidebar = dashboardSidebar(
    textInput('test',label=p('first paragraph')),
    textInput('test',label=p('second paragraph')),
    textInput('test',label = h1('test')),
    textInput('test',label = h2('test')),
    textInput('test',label = h3('test')),
    textInput('test',label = h4('test')),
    textInput('test',label = h5('test')),
    textInput('test',label = h6('test'))
  ),
  dashboardBody(
    tags$p('first paragraph'),
    tags$p('second paragraph'),
    tags$h1('h1 test'),
    tags$h2('h2 test'),
    tags$h3('h3 test'),
    tags$h4('h4 test'),
    tags$h5('h5 test'),
    tags$h6('h6 test'),
    tags$a(href="https://www.mopipe.tistory.com", 'Gohome'),
    tags$br(),
    tags$span(style="background-color:green","Span Test"),
    tags$br(),
    tags$img(src="image path",width=100,height=100),
    tags$code('Python'),
    tags$pre('test Pre
             test pre1234'),
    tags$strong( 'Strong test' ),
    tags$br(),
    tags$b('b test'),
    tags$br(),
    tags$em('Homo Sapiens'),
    tags$br()
    
)
)

server<-function(input,output){}
shinyApp(ui,server)

코드의 결과 아래와 같이 나오게 됩니다.

 

사이드 바의 경우 h1만 적용시켰고, 나머지 html 기능들도 사용가능하니 잘 응용하시면 될 것 같습니다.

 

 

간단 포스팅은 여기까지 하도록 하겠습니다.

 


유용하셨거나, 잘 보셧다면 주변 광고 한번씩만 클릭 부탁드립니다! 감사합니다!

728x90
반응형

댓글