- This line was added.
- This line was removed.
- Formatting was changed.
The is an intermediate topic. You will need to possess some basic understanding and have some experience with Drupal content editing.
Level 3 or Higher - See permission level document for details
This is an intermediate topic and assumes you already have some level of comfort with inserting images and files. If not, please see our basic topictopics, Adding images to content and Inserting PDFs and other Documents.
Table of Contents
|Table of Contents|
Where on the site can I reuse existing images and files?
It is possible to reuse images and files in some places on the site. For example, a thumbnail or banner field in Article provides link text to "Open File Browser" and look for images that are already uploaded, as in the screenshots below.
But you've probably noticed that you don't have the same option for inserting images to Body text fields-- the big fields where you have control over text and image layout.
When you click the image icon in a Body text field, you get a prompt to upload something from your computer.
And this is your only option.
However, there is a way to insert images and files that already uploaded to the site for the Body text fields. It is not an ideal and doesn't give you options for resizing, captions, or alignment, and you must remember to add alternative text.
Find the image file, or pdf file, you wish to reuse.
1) Go to Content and Select the Files tab.
2) Use the "Filename" search field to find the image or file.
You'll need some idea of the file name to locate the image.
3) Click on the image of the image or file.
You'll see the image in its full, unedited form.
Make sure this is the image you want. There will be no option to resize when you insert it.
4) Copy the url location to the image or file.
Take everything after the .edu. Do not include the name.franklin.uga.edu part.
Use html to add the image url location to the source of your text field
1) Go to your content, or create new content from a content type or template, such as Article or Basic Page.
2) Click the "source" button.
You're now in HTML mode.
3) Type html code for inserting images...
...and alternative text:
<img src="/url-goes-here/image.jpg" alt="This is the image's description">
4) Click "Source" again to get out of Source mode.
You'll notice that this image is really too big for this page.
Now, the theme will resize it to make it look okay, however it is still loading the original sized image. So someone on a mobile phone will see a small image, but it still loading all 2 megabytes of this picture.
5) Save your content.
Again, this method isn't ideal if you were hoping to add alignment, captions, or even resize the image.