Building Blocks for HTML Code¶
Description¶
The functions described here form building blocks for the format_html
methods
functions for codebook
, ftable
, ftable_matrix
, and mtable
objects, etc.
The most basic of these functions is html
, which constructs an object that represents
a minimal piece of HTML code and is member of the class "html_elem"
. Unlike a
character string containing HTML code, the resulting code element can relatively easily
modified using other functions presented here. The actual code is created when the
function as.character
is applied to these objects.
Longer sequences of HTML code can be prepared by concatenating them with c
, or by
html_group
, or by applying as.html_group
to a list of "html_elem"
objects.
All these result in objects of class "html_group"
.
Attributes (such as class, id etc.) of HTML elements can be added to the call to
html
, but can also later recalled or modified with attribs
or setAttribs
. An
important attribute is the style attribute, which can contain CSS styling. It can be
recalled or modified with style
or setStyle
. Styling strings can also be created
with hmtl_style
or as.css
Usage¶
html(tag, ..., .content = NULL, linebreak = FALSE)
html_group(...)
as.html_group(x)
content(x)
content(x)<-value
setContent(x,value)
attribs(x)
attribs(x)<-value
setAttribs(x,...)
## S4 method for signature 'character'
setAttribs(x,...)
## S4 method for signature 'html_elem'
setAttribs(x,...)
## S4 method for signature 'html_group'
setAttribs(x,...)
css(...)
as.css(x)
style(x)
style(x) <- value
setStyle(x,...)
## S4 method for signature 'character'
setStyle(x,...)
## S4 method for signature 'html_elem'
setStyle(x,...)
## S4 method for signature 'html_group'
setStyle(x,...)
Arguments¶
tag
-
a character string that determines the opening and closing tags of the HTML element. (The closing tag is relevant only if the element has a content.)
...
-
optional further arguments, named or not. For
html
: named arguments create the attributes of the HTML element, unnamed arguments define the content of the HTML element, i.e. whatever appears between opening and closing tags (e.g.<p>
and</p>
). Character strings,"html_elem"
, or"html_group"
objects can appear as content of a HTML element. ForsetAttribs
: named arguments create the attributes of the HTML element, unnamed arguments are ignored. ForsetStyle
: named arguments create the styling of the HTML element, unnamed arguments are ignored. Forhtml_group
: several objects of class"html_elem"
or"html_group"
. Forcss
: named arguments (character strings!) become components of a styling in CSS format. .content
-
an optional character string,
"html_elem"
, or"html_group"
object linebreak
-
a logical value or vector of length 2, determines whether linebreaks are inserted after the HTML tags.
x
-
an object. For
as.html_group
, this should be a list of objects of class"html_elem"
or"html_group"
. Forcontent
,setContent
,attribs
,setAttribs
,style
,setStyle
, this should be an object of class"html_elem"
or"html_group"
. value
-
an object of appropriate class. For
content<-
: a character string,"html_elem"
, or"html_group"
object, or a concatenation thereof. Forattribs<-
orstyle<-
: a named character vector.
Details¶
Objects created with html
are lists with class attribute "html_elem"
and
components
- tag
-
a character string
- attributes
-
a named character vector
- content
-
a character vector, an
"html_elem"
or"html_group"
object, or a list of such. - linebreak
-
a logical value or vector of length 2.
Objects created with html_group
or by concatenation of "html_elem"
or
"html_group"
object are lists of such objects, with class attribute "html_group"
.
Examples¶
html("img")
<img>
html("img",src="test.png")
<img src="test.png">
html("div",class="element",id="first","Sisyphus")
<div class="element" id="first">Sisyphus</div>
html("div",class="element",id="first",.content="Sisyphus")
<div class="element" id="first">Sisyphus</div>
div <- html("div",class="element",id="first",linebreak=c(TRUE,TRUE))
content(div) <- "Sisyphus"
div
<div class="element" id="first">
Sisyphus</div>
tag <- html("tag",linebreak=TRUE)
attribs(tag)["class"] <- "something"
attribs(tag)["class"]
$class
[1] "something"
tag
<tag class="something">
style(tag) <- c(color="#342334")
style(tag)
color: #342334;
tag
<tag class="something" style="color: #342334;">
style(tag)["bg"] <- "white"
tag
<tag class="something" style="color: #342334; bg: white;">
setStyle(tag,bg="black")
<tag class="something" style="color: #342334; bg: black;">
setStyle(tag,c(bg="black"))
<tag class="something" style="color: #342334; bg: black;">
c(div,tag,tag)
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
c(
c(div,tag),
c(div,tag,tag)
)
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
c(
c(div,tag),
div,tag,tag
)
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
c(
div,tag,
c(div,tag,tag)
)
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<div class="element" id="first">
Sisyphus</div>
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
content(div) <- c(tag,tag,tag)
div
<div class="element" id="first">
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
<tag class="something" style="color: #342334; bg: white;">
</div>
css("background-color"="black",
color="white")
background-color: black; color: white;
as.css(c("background-color"="black",
color="white"))
background-color: black; color: white;
Hello <- "Hello World!"
Hello <- html("p",Hello,linebreak=c(TRUE,TRUE))
style(Hello) <- c(color="white",
"font-size"="40px",
"text-align"="center")
Link <- html("a","More examples here ...",
href="http://elff.eu/software/memisc",
title="More examples here ...",
style=css(color="white"),
linebreak=c(TRUE,FALSE))
Link <- html("p"," (",Link,")",linebreak=c(TRUE,TRUE))
style(Link) <- c(color="white",
"font-size"="15px",
"text-align"="center")
Hello <- html("div",c(Hello,Link),linebreak=c(TRUE,TRUE))
style(Hello) <- c("background-color"="#160666",
padding="20px")
Hello
<div style="background-color: #160666; padding: 20px;">
<p style="color: white; font-size: 40px; text-align: center;">
Hello World!</p>
<p style="color: white; font-size: 15px; text-align: center;">
(<a href="http://elff.eu/software/memisc" title="More examples here ..."
style="color: white;">
More examples here ...</a>)</p>
</div>
show_html(Hello)
Hello World!