This plugin lets you embed media resources with semantic output directly in the editor.
The plugin introduces a widget that allows you to embed resources (videos, images, tweets, etc.) hosted by other services (called the "content providers") in your content. By default, the plugin uses the Iframely proxy service which supports over 1715 content providers such as YouTube, Vimeo, Twitter, Instagram, Imgur, GitHub, or Google Maps.
Note: The default configuration uses the public service provided by Iframely which has some limitations. If you want to continue using Iframely, it is recommended to create your own account and use your API key. Some services (like Google Maps) require setting up your API key, too, and adding it to your Iframely configuration.
See also the Media Embed plugin that creates embedded media resources without a semantic output, i.e. it will include the entire HTML needed to display the resource in the data, and the Auto Embed plugin that automatically turns a media resource URL pasted into the editing area into an embedded resource.
This is an official plugin provided and supported by CKEditor developers.
The recommended way to install all CKEditor add-ons is to create a custom build by using Online builder. To do that, click the Add to my editor button on the plugin page. When you are done, click the Build my editor button on the right side of the page to go to Online builder.
Note: This add-on is already selected to be a part of your current build.
Add-on installation instructions
If you want to add the plugin manually, you will need to:
- Extract the downloaded plugin
pluginsfolder of your CKEditor installation. Example:
- Enable the plugin by using the
extraPluginsconfiguration setting. Example:
config.extraPlugins = 'embedsemantic';
- Download and configure all its dependencies, too.