Date: Fri, 29 Mar 2024 08:57:13 +0000 (UTC) Message-ID: <514510580.140466.1711702633337@ip-10-0-0-39.us-west-2.compute.internal> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_140465_1677687029.1711702633333" ------=_Part_140465_1677687029.1711702633333 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html
We can host the images "inline", inside the 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 Edit= or in Userview Builder.
Figure 1: Sample photo
Save the photo above to your local.
Go to http://jpillora.com/base64-encoder/
Drag the photo saved previously into the website above.
Copy the code generated.
Go to your Userview Builder, edit the HTML Page.
From the content, in the View tab, click on Source Code.
Add the img tag into the HTML Sou= rce Editor and put in the code copied earlier into the <= strong>src attribute.
<img= src=3D"PASTE THE CODE HERE"/>
Reference: https://css-tricks.com/data-uris/
In the webapps folder, create a new folde= r called images.
Put the image file hi.png into the new fo= lder.
Go to your Userview Builder, edit the Userview Menu - Rich Text Edit= or.
Click on HTML Source.
Add the img tag into the HTM= L Source Editor and construct the URL path to the image.
<img= src=3D"/images/hi.png"/>