Media Embed
Embed the media
- Put an URL in the clipboard,
- Use the button in the dropdown or paste the URL directly in the editor,
- Insert the media,
- Check if media was inserted and is selected.
Update the media
- Put an URL in the clipboard,
- Select some media,
- Use the button in the dropdown,
- Update the URL,
- Check if media was updated and remains selected.
Data output
- Call
editor.getData(),
- Media with previews should include their previews. Preview–less media should be represented using only the
<oembed> tag.
URL validation
Invalid
- In the previous scenarios try using a non–media URL,
- The error should be displayed next to the URL field,
- Nothing should be inserted/updated.
Empty
- In the previous scenarios try using an empty URL,
- The error should be displayed next to the URL field,
- Nothing should be inserted/updated.
Copy&Paste
- Play with media copy&paste.
- It should work just like images or any other widget.
Open media in new tab
- Locate any generic media in the content,
- Hover the URL in the content (the tooltip should show up),
- Click the URL,
- A new browser tab should open with the media URL.
Media embed toolbar
- Click the media,
- The block quote button should be visible,
- Click the block quote button,
- The block quote should be applied to the media.