Media in the body text field
This page is about how to upload and embed images, videos and other files in the body text field.
Add media to body text
You start by placing the cursor in the place in the body text where you want to add your image or video. Press the button in the toolbar that symbolizes an image (Media embed button).
Website library and My library
Contains media that has been uploaded to the site before. The Website library shows things that are posted by everyone to which you have access. My library displays items uploaded by you. You can filter and press Apply to quickly find what you are looking for.
Select the file you want to use and press Use selected at the bottom. You can only add one file at a time.
Add image, Add file and Add video
Here you upload a new image, file (eg PDF) or video. You can drag the files from your computer to the upload window, or you can press the "Select files" button to browse your files.
Select media to embed
Name*
Here you fill in the name of the file. This is not a name that is visible to the outside, but is what appears when you are logged in to the administration interface and search among your various files.
Focal point +
The small cross shown in the thumbnail of the image is called the focal point, and you can put it on what is most important in the image. This is used so that Drupal in different contexts does not crop the image in such a way that the most important things in the image are not included.
Alternative text*
Also called alt text, is for screen readers to be able to read out what the image contains and is important for the accessibility law. It is important that this text is designed in a clear way
Caption
Here you write the caption that will be visible below the image for the visitors. This caption will be displayed wherever the image is used, but can be replaced locally by selecting another local caption.
File tags
Dessa används för att kategorisera in dina filer i administrationsgränssnittet för att hålla ordning på dem.
Embed media Item
In this mode, you choose how to embed the file on the page.
Display as Full width image/Half width image
Here you choose how to embed the image on the page. You can choose to display it as full-width or half-width, and choose from a few different options for how the image should be placed. Remember not to upload an image that is too small, we recommend that you work with images that are at least 1500 pixels wide for them to work in all different formats.
Align
Select the location of the image, e.g. centered or left.
Caption
Here you write a local caption, which will be displayed on the current page instead of the caption saved for the image.
Add external video
Here you embed videos from e.g. Youtube and Vimeo. This is the recommended way to add a video. Then you have, among other things, the opportunity to have videos with subtitles, which may be needed to comply with accessibility legislation.
You fill in Name, Caption and File tags in the same way as when you add an image, file and video.
Remote video URL
Paste the link to the video you want to use here.
Add video from LU Play
If you want to add a video from LU Play, you need to embed the clip's embed code in the source code. To be able to do this, you must have Text format (the setting below the body text field) set to Full HTML. Follow these steps:
- Make sure that Text format is set to Full HTML
- Go to the clip on LU Play and make sure you are logged in there.
- Press "Share" -> "Embed" and copy the code
- Go back to the page you are editing, and activate "Source" in the body text field
- Paste the code where you want it
Now you can leave the source mode if you want to see how it turned out.
Accessibility
When you upload different media, you must remember that we must always follow the "Act on accessibility to digital public service" which applies to all public activities. The purpose of the law is, among other things, to ensure that all visitors to a website can access the content. Before you upload a document, image or video on your website, you as a publisher have a responsibility to ensure that the material is also available in an alternative format.
Accessable images
When you upload an image, you need to know what it represents so that you can write a clear alternative text, which roughly tells what the image represents, for those who for some reason can not see it. It can be good not to use pictures sometimes - visitors look more and more at the mobile and then the picture is not as important, it can even be in the way.
Accessible videos
Before you upload or embed a video, you need to make sure that a visitor who cannot hear the sound can take part in it in an alternative way, for example to always subtitle it.
Accessible files
When it comes to documents that are to be published on your website, they must be created and saved in a certain way to comply with the law. It is about them being marked with correct tags so that the content can be read out by a screen reader.
Support
If you have any questions, please contact Servicedesk.
E-mail: servicedesk [at] lu [dot] se (servicedesk[at]lu[dot]se)
Always enter the URL of the website or page to which the case concerns.