Add images and screenshots to Knowledge Base articles
Revision Information
- Revision id: 123716
- Created:
- Creator: AliceWyman
- Comment: edit to pending revision (semi-colon vs line breaks - see discussion)
- Reviewed: No
- Ready for localization: No
Revision Source
Revision Content
Let's keep it simple! We've done some work on image display in order to keep the markup simple and not require a lot of tricks to get to display correctly. Here's how it works:
- If you are placing an image in a line of text, it should be no taller than 16 pixels.
- If you are placing an image between two sentences, it should be set off with line breaks or with a semi-colon.
- If you are placing an image in a list (ordered or unordered), it should be set off with line breaks.
Examples
Inline image example
- 16px high: This is some text. The following image is just placed inline
. And this is some more text just so that we have more text. Well, that's really not enough text so I'm adding some more here so that we have enough for testing.
Markup for an image between two sentences
This is what the wiki markup looks like using line breaks:
This is the sentence before the image.<br>
[[Image:The Image]]<br>
This is the sentence after the image.
Here is what it will look like in the article:
This is the sentence before the image.
This is the sentence after the image.
This is what the wiki markup looks like using a semi-colon:
This is the sentence before the image.
;[[Image:The Image]]
This is the sentence after the image.
Here is what it will look like in the article:
This is the sentence before the image.
This is the sentence after the image.
Markup for an image in a set of steps
This is what the wiki markup looks like in an ordered list, using a line break:
#This is a step.<br>[[Image:The Image]]
#This is the next step.
Here is what it will look like in the article, also using an example with longer text:
- This is a step. And here are some additional words so you can see what they look like running above the image.
- This is the next step, again, with extra words so you can see what they look like running below the image.