Content Formatting Macros for Confluence Server and DC

HTML Image

The HTML Image macro allows the display of an image within a page, with extended properties such as an 'alt' tag and an image map feature.

Usage

  1. Go to the form you wish to edit.

  2. Click Edit

  3. Click Insert More Content, and select Other Macros.

  4. Select the HTML Image macro from the provided list.

    html image 01
  5. Complete the desired fields.

    Parameter

    Description

    Type

    Default

    Required

    Alt Text

    Defines a short description of the contents

    string

    none

    error

    Image URL (src)

    Defines the URL of the image source

    string

    none

    check

    Height

    Sets height of the image

    string

    none

    error

    Width

    Sets width of the image

    string

    none

    error

    Server-side Map

    Defines the image as a server-side image map

    checkbox

    unselected

    error

    Client-side Map

    Defines the ID for a client-side map, linking to HTML on the page that includes this map

    string

    none

    error

    Long Description

    A URL to a page which contains a long description of the content

    string

    none

    error

    ID

    Specifies a unique ID to be added to the button

    string

    none

    error

    CSS Class

    Specifies a CSS Class to be added to the element

    string

    none

    error

    Inline Style

    An optional inline style sheet to apply to the tag

    string

    none

    error

    Title

    Text to display in a tooltip

    string

    none

    error

    Text Direction

    Specifies the text direction

    single select

    none

    error

    Language Code

    Specifies the language property, e.g. en, de, fr.

    string

    none

    error

    The URL parameter must be specified for this macro to work.

  6. The macro will then appear on the page.

    html image 02

Examples

Basic Example

To display an HTML image on a page

html image 03

Results in:

html image 04

Using Client Side Image Map

To use the client-side image map parameter, the Atlassian HTML Macro must be enabled. This action requires an administrator and the security risks should be understood before doing so.

Read this HTML Macro for information on the HTML Macro. Once this is complete, the HTML Macro can be added to a page and an image map can be inserted.

html image 05

The name of the map should be the same as the 'Client-side image map' parameter for the HTML Image Macro, as follows.

html image 06