Add images and screenshots to Knowledge Base articles

Revision Information
  • Revision id: 124643
  • Created:
  • Creator: AliceWyman
  • Comment: fixed typo in the approved version of this article
  • Reviewed: Yes
  • Reviewed:
  • Reviewed by: AliceWyman
  • Is approved? Yes
  • Is current revision? 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. There's no need to add breaks around images. 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 or in a list (ordered or unordered), it should be set off with a semicolon.

Examples

Markup for an image in a set of steps

This is what the wiki markup for "setting an image off with a semicolon" looks like:

#This is a step.
#;[[Image:The Image]]
#This is the next step.

Example of an image in a set of steps

This is an example with longer text and a longer image:

  1. This is a step. And here are some additional words so you can see what they look like running above the image.
    mixed content on android
  2. This is the next step, again, with extra words so you can see what they look like running below the image.

Inline image example

  • 16px high: This is some text. The following image is just placed inline edit contact. 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.