First thing you need to know, the image file must exist in a public location, within your website or in a public URL. Elephant provides public repositories for each context and entity. When using the Wiki editor, the easiest way to access the image repository is to click on the image icon in the toolbar.
Elephant Wiki and EWiki offer different ways of inserting images. The standard way uses the img tag:
The image will use the entire width of the container.
[img URL]
Using Wmacros
Images can be centered. In this case, the text will also be centered and will use a smaller font.
@w{centeredImage}
[img URL]
Description of the image.
@w{/centeredImage}
Images can specify size (
mini, tiny, small, medium, large, big, huge, massive). For images taking full width, see below.
@w{image(class=tiny,src="repository(/Elephant-Logo.png)")}
@w{image(class=small,src="repository(/Elephant-Logo.png)")}
And or modifiers.
@w{image(class=small circular,src="repository(/Elephant-Logo.png)")}
The alignment.
@w{image(class=small circular centered,src="repository(/Elephant-Logo.png)")}
And the vertical alignment ( With this text.
top, middle, bottom).
@w{image(class=small middle aligned,src="repository(/Elephant-Logo.png)")} With this text.
With this text.
Images can have additional spacing, when included within other content.
The Elephant library @w{image(class=mini spaced,src="repository(/Elephant-Logo.png)")} rocks!
The Elephant library rocks!
Any image can be used as an
avatar.
@w{image(class=avatar,src="repository(/Elephant-Logo.png)")}
A
fluid image, takes up the width of its container.
@w{image(class=fluid,src="repository(/Elephant-Logo.png)")}