Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Adding images to handouts

November 22 (8 years ago)
I have read several posts about this, but I can't duplicate the suggested methods.  Here is what I'm trying to do:  I have made some jpg tables and I want to put them in a specific handout.  I've uploaded the images to my library, but I can't drag them into the Description & News section of the handout.  Some suggestions said to copy and paste the image, but I don't have the option to copy when I right-click the image.  When I try copy a URL from the web and paste it in the handout, it just posts a link.  Using Google Chrome.

Any suggestions?
November 22 (8 years ago)
I don't think you can have pictuers in the Description & Notes section.
you can only upload pictuers to where it say drop a file...
I could be wrong here, but I have never been able to post pictuers in the Description & Notes section...
November 22 (8 years ago)
It is possible to copy images like so:

(Click on the image below to play the GIF)

November 22 (8 years ago)

Edited November 22 (8 years ago)
It's also possible to manually insert an <img> tag into a Handout. e.g.
<img src="https://app.roll20.net/images/quantumroll2.png">
November 23 (8 years ago)
@Silvyre I am looking specifically for adding images to Descriptions and Notes on Handouts.  I tried adding the html <img scr> tag into the body of the note, but it doesn't load it as an image.
November 23 (8 years ago)

Silvyre said:

It's also possible to manually insert an <img> tag into a Handout. e.g.
<img src="https://app.roll20.net/images/quantumroll2.png">

Does the link have to be in my roll20 library?
November 23 (8 years ago)

Jack A. said:

@Silvyre I am looking specifically for adding images to Descriptions and Notes on Handouts.

The methods demonstrated above works for both Bio & Info and GM Notes text fields of a Character as well as the Description & Notes and GM Notes text fields of a Handout (or a forum post; all use the same Rich Text Editor).

Jack A. said:

I tried adding the html <img scr> tag into the body of the note, but it doesn't load it as an image.

The <img> tag must be copied and pasted into one of the aforementioned text fields in order to be parsed:
  1. Replace the URL within <img src="URL"> with the URL of your image.
  2. Copy the entire <img> tag.
  3. Paste the <img> tag.
November 23 (8 years ago)
I'm a web designer so I know the code, but for some reason it did work.  I deleted everything and pasted the link from my clipboard and it started working.  After I cut everything out of the handout, saved the handout, opened again and pasted it back it worked!  Who knows.  Thanks Silvyre.
November 23 (8 years ago)

Edited November 23 (8 years ago)
I'm glad you've got it working. The current Rich Text Editor used by Roll20 is prone to behaving strangely, and is on the chopping block.
November 23 (8 years ago)
Good riddance!  It's doing it again. :/
November 23 (8 years ago)
When the RTE behaves strangely like that, the recommended course of action is placing the plain text in a fresh Handout and reformatting manually. Alternatively, you could carefully copy over HTML tags from your browser's element inspector.