Flamelink has many options to work with media files in your content. They can generally be grouped into working with the file URL or working with a reference to the file. Which option you choose depends on how you would like to access the files within your frontend app.
Using the file URL is the easiest, but using the reference to the file is more flexible and allows you to get more information, including the URL. The official JavaScript SDK can help you to expand the reference into the full file object.
Add the correct fields in your Schema
Before adding your media assets in the content editor you first need to create a Schema and add the necessary fields. If you are not sure how to create a Schema please take a look at the following article:
How to create a Schema - step 4 talks about adding a field.
If you want to use a reference, add the Media field. With this option, when you use the SDK you will be able to use/retrieve the full image object for the file ID.
If you want to use a URL, add one of the following:
Text, Textarea, Wysiwyg, Wysiwyg (CKEditor), Markdown Editor
Note: Each Schema field can be customized according to your needs. Limitations can also be applied. Find out more here.
Now that you have added the necessary fields to your Schema, let's go to the content editor.
How do I add media files/assets in the content editor
Select "Content" from the navigation sidebar and then click "View" on your Schema
Next, click "New Entry" at the top right corner of the screen or select an existing entry that you would like to add a file to.
In the example below I have added a Media and a Wysiwyg field. All of the fields that work with a URL will work similarly to the Wysiwyg field.
Media field
On the Media field click "Add fields"
The Media Manager will open and you can select the images/files that you would like to add. Once you have selected them, click "Done"
You will now see your images/files in the content editor.
Remember to "Save" your content entry
Wysiwyg field
When you select the image icon in the Wysiwyg field you will be asked to enter a URL.
To retrieve the URL you can select the "Media" button on the Wysiwyg field.
The Media Manager will open.
Click on the "context menu" (3 dots) and select an image URL.
Close the Media Manager by clicking the "X" button and paste the image URL into the input field.
Save your content entry by clicking "Save"
Articles you might also be interested in:
How does the media manager work