oembed
CKEditor Buttons
Instagram
Tweet

Synopsis

The CKEditor OEmbed module adds support for Facebook, Tweeter and Instagram posts integration using CKEditor.
During content creation the author may add embed resources (Tweet, Instagram, etc.) hosted by other services (called the "content providers") in content via CKEditor. By default the plugin uses the Oembed service which supports over 1715 content providers such as Youtube, Vimeo, Twitter, Insagram, Imgur, GitHub, and Google Maps.

Installation

Install the module per normal then follow the instructions for installing the CKEditor OEmbed.
* Easiest
Install Drupal Console >= 1.0.0-rc20.
Run drupal ckeditor_oembed:install.
OR run in console:
composer require drupal/ckeditor_oembed
* Harder (Not recommended)

  1. Download the last recommended release for ckeditor_oembed.
  2. Unzip the package and place its contents into DRUPAL_ROOT/modules/contrib/.
  3. Clear the cache

CONFIGURATION

You need to go to "admin/config/content/formats" and enable embeding buttons
for the format that you want.
Then you should allow custom HTML attributes used by providers scripts:

<a href hreflang name id class> <em> <strong> <cite class> <blockquote cite 
class id data-*> <code class> <ul type class> <ol start type class> <li id
 class> <dl class> <dt class> <dd class> <h2 id class> <h3 id class> <h4 id 
 class> <h5 id class> <h6 id class> <u> <s> <img src alt data-entity-type
  data-entity-uuid class> <p class> <pre> <table class id> <caption> <tbody 
  class> <thead class> <tfoot class> <th class> <td class> <tr> <div id class
   data-*>

Roadmap

Soon more providers will be added.

Pledges

An easy way to include third-paties content. And making embeding content safe and easy for content contributors.

Credits

macherif

Help wanted!

More and more plateforms are now concerned and become Oembed Providers and we are looking for contributors to integrate the usefull ones of them to the project.

Other projects on Drupal using Oembed Providers create a HTML tag that's used by the preprocess render and interpreted each time to an embed code. Which's a token like method over using the preprocess and resources.

Dependencies

drupal:editor

Restrictions

If your Drupal work as an API you need to include providers Scripts to the client view.

Project information

Releases