HTML Blockquote

Description

This macro adds a <blockquote> tag to your page. It is used to display a quote or citation. Confluence styles blockquotes individually so it stands out from the other text.

The HTML Tookit for Confluence provides three mor individual styles.

Adding the Macro

1. Edit your page.

2. Select “+” => Other macros

3. Type in “html” in the Search box

4. Select the “HTML Blockquote” macro

Macro Options

Cite

The cite attribute (not to be mixed up with the <cite> tag) allows to enter a link to the source of the quote. It is not displayed nor linked to but user agents and search engines can read it.

Design

Select a design for the blockquote. You can select from:

Confluence

Blue

Blue Rounded

Dark

Element ID

If you need to address your element via an ID, e.g. in a stylesheet or via Javascript, enter the ID here. Make sure, the ID is unique on your page.

CSS Classes

If you need to style your element via an external style sheet, enter all class names here, separated by a blank.

Inline Styles

You can add inline styles to your element here, ending with a semicolon, e.g. “color:#ffffff;background-color:#000099;”.

Tooltip Title

Enter a simple text here that will popup as a tooltip when the mouse is hovered over the element.

Custom Attributes

You can enter fully specified custom attributes here separated by blanks, e.g.: data-animal=”cat” data-color=”red”.

Strip Body Wrapper

By default, Confluence will wrap any macro body content into a <p> tag. For custom HTLM tags, this might lead to unwanted results. Check this option to remove the Confluence <p> wrapper.

Body

Type the quote into the body of the macro.

It is very useful to add an HTML Cite macro at the bottom: