The Image plugin allows one to have finer control over the layout of images than just the simple inling of images.

Parameters#

• src = Image source. This can either be a full URL (http://...) or a WikiAttachment name. Required.
• align = left|right|center. The image alignment.
• height = integer. Force the height of the image.
• width = integer. Force the width of the image.
• alt = alt text. The alt text of an image. This is very useful when doing pages that can be navigated with text-only browsers.
• caption = caption text. The text that should be shown as a caption under the image.
• link = hyperlink. A hyperlink (http://...). In the future, you can also use WikiPages.
• border = integer. Size of the image border.
• style = style info. Any style markup you would like to apply to the table surrounding the image.
• class = class name. Redefine the default class for this image, which is "imageplugin".

Example#

[{Image src='SandBox/test.png' caption='Testing image' style='font-size: 120%; color: green;'}].

Shows the attachment SandBox/test.png with the caption "Testing image" underneath it. The text is 120% in height and will be rendered in green color.

CSS#

• .imageplugin = The table that encompasses the image. It consists of two undercategories:
  • img = The IMG tag that gets embedded.
  • caption = The caption that is embedded.

Back to JSPWikiPlugins

Here's a short reminder on the most common formatting rules you have at your disposal. A complete list is available in TextFormattingRules.

(empty line)     Make a paragraph break.
----             Horizontal ruler
[link]           Create hyperlink to "link", where "link" can be either an internal 
                 WikiName or an external link (http://)
[text|link]      Create a hyperlink where the link text is different from the actual 
                 hyperlink link.
[text|wiki:link] Create a hyperlink where the link text is different from the 
                 actual hyperlink link, and the hyperlink points to a named Wiki. 
                 This supports interWiki linking.

*                Make a bulleted list (must be in first column). Use more (**) 
                 for deeper indentations.
#                Make a numbered list (must be in first column). Use more (##, ###) 
                 for deeper indentations.

!, !!, !!!       Start a line with an exclamation mark (!) to make a heading. 
                 More exclamation marks mean bigger headings.

__text__         Makes text bold.
''text''         Makes text in italics (notice that these are single quotes ('))
{{text}}         Makes text in monospaced font.
;term:def        Defines 'term' with 'def'.  Use this with empty 'term' to make short comments.
\\               Forced line break (please use sparingly).

|text|more text| Makes a table. Double bars for a table heading.

Don't try to use HTML, since it just won't work.

To embed images just put them available on the web using one of the approved formats, and they will get inlined automatically. To see the list of approved formats, go check SystemInfo.

To make a code block, use triple {'s to open, and triple }'s to close.

(Wondering where this text comes from? It's on a page called Edit Page Help, which you can edit too!)