The core Markup datatype. The ev type-parameter tracks the type of events that can be raised when this Markup is rendered.

Simplification of the MarkupM datatype.

Type for an HTML tag. This can be seen as an internal string type used by BlazeMarkup.

Type for an attribute.

The type for the value part of an attribute.

Create a custom parent element

Create a custom leaf element

Create an HTML attribute that can be applied to an HTML element later using the ! operator.

From HTML 5 onwards, the user is able to specify custom data attributes.

An example:

<p data-foo="bar">Hello.</p>

We support this in BlazeMarkup using this funcion. The above fragment could be described using BlazeMarkup with:

p ! dataAttribute "foo" "bar" $ "Hello."

Create a custom attribute. This is not specified in the HTML spec, but some JavaScript libraries rely on it.

An example:

<select dojoType="select">foo</select>

Can be produced using:

select ! customAttribute "dojoType" "select" $ "foo"

Render text. Functions like these can be used to supply content in HTML.

Render text without escaping.

A variant of text for lazy Text.

A variant of preEscapedText for lazy Text

Create an HTML snippet from a String.

Create an HTML snippet from a String without escaping

Insert a ByteString. This is an unsafe operation:

• The ByteString could have the wrong encoding.
• The ByteString might contain illegal HTML characters (no escaping is done).

Insert a lazy ByteString. See unsafeByteString for reasons why this is an unsafe operation.

Create a Tag from some Text.

Create a Tag from a String.

Render an attribute value from Text.

Render an attribute value from Text without escaping.

A variant of textValue for lazy Text

A variant of preEscapedTextValue for lazy Text

Create an attribute value from a String.

Create an attribute value from a String without escaping.

Create an attribute value from a ByteString. See unsafeByteString for reasons why this might not be a good idea.

Create an attribute value from a lazy ByteString. See unsafeByteString for reasons why this might not be a good idea.

Used for applying attributes. You should not define your own instances of this class.

Apply an attribute to an element.

Example:

img ! src "foo.png"

Result:

<img src="foo.png" />

This can be used on nested elements as well.

Example:

p ! style "float: right" $ "Hello!"

Result:

<p style="float: right">Hello!</p>

Shorthand for setting an attribute depending on a conditional.

Example:

p !? (isBig, A.class "big") $ "Hello"

Gives the same result as:

(if isBig then p ! A.class "big" else p) "Hello"

Take only the text content of an HTML tree.

contents $ do
    p ! $ "Hello "
    p ! $ "Word!"

Result:

Hello World!

Mark HTML as external data. External data can be:

• CSS data in a style tag;
• Script data in a script tag.

This function is applied automatically when using the style or script combinators.

Check if a Markup value is completely empty (renders to the empty string).