Plugin for adding a Spotify Embed to CKEditor 4.
Supports both Spotify URIs (spotify:album:1DFixLWuPkv3KT3TnV35m3) and Spotify URLs (http://open.spotify.com/track/6rqhFgbbKwnb9MLmUQDhG6). Includes options for setting alignment, width and height of widget.
Requires CKEditor 4.3+ with the widget plugin. The editor instance must allow div and iframe tags.
Supported languages: English (en), Norwegian Bokmål (nb), Ukrainian (uk).
The plugin uses a few custom styles. These are automatically included in the classic editor instance, but must be copied for inline editors and for the final target webpage. To include the custom styles into your editor/webpage, include the following in the <head> of your document:
<head> <link rel="stylesheet" href="<PATH_TO_CKEDITOR>/plugins/spotify/styles/spotify.css"> </head>
The code above assumes that this plugin is placed inside the plugin directory of your CKEditor bundle.
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 = 'spotify';
- Download and configure all its dependencies, too.
Note: The plugin may have additional requirements. Check the add-on page and documentation for more details.