Back to top anchor
Editor guides

Adding media files in the WYSIWYG editor

Changes to the media management from May 2020!

From May 2020, the new media library replaces the Sector media browsers for images, files and videos, and Sector sites first launched after May 2020 will take advantage of the new, easy to use, and customisable interface. Not sure if that's you? Have a quick look at the WYSIWYG toolbar - three media buttons old, one button new! Find out what changed in Working with the new media library. 

 

User role
Content Editor Content Administrator
Task
Content editing
Topic
Content editing Media management Text formats, editors, and styles
Product
Sector Starter kit

You can add images, documents, and videos to your content directly from the WYSIWYG editor. The media browser allows you to select a file that has already been uploaded to your site, or you can upload a new one.

This article is about how to add an image - for general guidance on content editing tools see: 

An introduction to Sector content editing tools, or the Introduction to the WYSIWYG editor

Adding media is part of the WYSIWYG editor tools. To add media to your body content, follow these steps: 

  1. Open media browser
  2. Select the media file
  3. Confirm your selection

Step 1 - Open media browser


Screenshot of WYSIWYG and media browser with numbered highlights

Screenshot - Selecting an image in the media browser


Insert an image, document, or video by clicking the relevant button in the WYSIWYG editor toolbar ( 1 )  - this opens the pop-up media browser.

You then need to click the 'Select images' link ( 2 ).

Step 2 - Select the media file

In the media browser, you can either select an existing file from the library, or upload a new one.

You can learn more about this in our guide on Adding files using the media browser.

Step 3 - Confirm your selection


Screenshot of review and embed screens in the media browser (with numbered highlights)

Screenshots - Review and embed an image in the media browser


Confirm your choice by selecting 'Next' ( 1 ). You can then choose display options ( 2 ) for your media, before embedding it in the content ( 3 ).

Tip - Editing media that is already embedded in the editor

Double-click on the media to make changes to the display options. You can then click on the file name to edit more of the media's information.

 


Want to know more about managing media files on your site?


 

Document

Last updated

Our Sector 9 Roadmap is out!

With the release for Drupal 9 coming closer, we have now published our Sector 9 Roadmap.

Need Help?

Sector is brought to you by Sparks Interactive - supporting Sector from Wellington and Auckland

Open Source award winner!

Sparks Interactive are delighted to accept the Open Source Use in Business award for Sector and the Sector.nz open source platform.

Subscribe for Sector updates