Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ckeditor5-youtube-embed

camille5008ISC1.1.2

Embed Youtube video's in CKeditor 5

youtube, ckeditor, plugin, ckeditor5, plugin, cke5, embed

readme

Youtube embed plugin

Simple plugin for creating a Youtube embed.

Initialize

Import the plugin

import Youtube from 'ckeditor5-youtube-embed/youtube'

Include the plugin

Editor.builtinPlugins = [
    Youtube
]

Add the button to the toolbar

Editor.defaultConfig = {
    toolbar: {
        items: [
            'youtube'
        ]
    }
}

Usage

  • Click on the Youtube embed button in the toolbar
  • Enter the Youtube URL in the prompt
  • The element is created

Structure

The plugin will add the element as shown below

<div class="youtube-embed">
    <iframe src="https://www.youtube.com/embed/id"></iframe>
</div>