View on GitHub

CKEditor™ oEmbed Plugin

Media Embed Plugin for CKEditor™

Download this project as a .zip file

CKEditor™ oEmbed Plugin

Media Embed Plugin for CKEditor™

This Plugin allows to insert embedded content (such as photos, videos, audio, and other rich media) via the OEmbed API. You only have to provide the url to the site (It works also when the url is shortened) you want to embed and the plugin does the rest.

This Plugin uses the jquery-oembed-all Plugin located at https://github.com/starfishmod/jquery-oembed-all.


Demo


Currently Supported Sites...

Video

Audio

Photo

Rich


License


Installation

  1. Extract the contents of the file into the "plugins" folder of CKEditor.
  2. In the CKEditor configuration file (config.js) add the following code:
    config.extraPlugins = 'oembed,widget';
    

    Additionally you can also set the default values vor the Max. Width/Height Values

    config.oembed_maxWidth = '560';
    config.oembed_maxHeight = '315';

    and also you can define an css class for the embeded content wrapper (div), by default there is no Class defined
    config.oembed_WrapperClass = 'embededContent';
  3. and also include the plugin in the toolbar
    toolbar :[ ... ['oembed']...]