Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Method 1: Data URIs

We can host the images "inline", inside the forum or userview menu form (i.e. Custom HTML) or Userview menu (i.e. Rich Text Editor) itself.

For example, we want to show the image below in a Rich Text Editor in Userview Builder.

...

Reference: https://css-tricks.com/data-uris/

Method 2: Hosting the file from your web server

Assuming that you are running on the default application web server, Tomcat, we can create a new folder in the webapps folder to specifically host images.

  1. In the webapps folder, create a new folder called images.
  2. Put the image file hi.png into the new folder.
  3. Go to your Userview Builder, edit the Userview Menu - Rich Text Editor.
  4. Click on HTML Source.
  5. Add the img tag into the HTML Source Editor and construct the URL path to the image.

    Code Block
    <img src="/images/hi.png"/>

...