OpenEuropa Drupal oEmbed component.
The OpenEuropa oEmbed module allows the embedding of entities into content in an agnostic (non-Drupal) way.
To this end, it comes with two main elements: the WYSIWYG embed button and the filter plugin. On top of that, it allows the site administrators to define which available view displays are also available to be embedded (and whether they should be embedded inline or as a block).
Using the embed WYSIWYG button, editors can select entities that they wish to embed. Upon selecting the entity, an oEmbed-based embed code is inserted in the content. This code follows the oEmbed protocol and is therefore understandable by other clients as well. An example embed code (for media entities in this case):
<p data-oembed="https://oembed.ec.europa.eu?url=https%3A//data.ec.europa.eu/ewp/media/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3"> <a href="https://data.ec.europa.eu/ewp/media/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3">The media title</a> </p>
118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3 is the UUID of the media entity.
For nodes, it would look like this:
<p data-oembed="https://oembed.ec.europa.eu?url=https%3A//data.ec.europa.eu/ewp/node/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3"> <a href="https://data.ec.europa.eu/ewp/node/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3">The node title</a> </p>
While an inline embed would look like this:
<a data-oembed="https://oembed.ec.europa.eu?url=https%3A//data.ec.europa.eu/ewp/media/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3" href="https://data.ec.europa.eu/ewp/media/118a06e9-e7df-4b7b-8ab2-5f5addc2f0b3">sdasd</a>
Moreover, there is also the [OpenEuropa oEmbed server] submodule which will can used when a site expects its content to be read by external systems that need to understand the embed codes. Essentially, it acts as an oEmbed provider for the media resources on the site.
The embed code provided by the WYSIWYG button is transformed into the rendered entity by the filter plugin
Adding this to a text format will replace the embed tags with the rendered entity.
Site administrators will need to define which available view modes are also available to be embedded via the tools described above. This is done by selecting the available view displays on the display mode configuration page for each available media bundle.
In order to use the functionalities of the module, follow the next steps:
Create an embed button that uses the
Drupal entitiesembed type.
Create a text format. You can do so by navigating to
/admin/config/content/formatsand clicking the "Add text format" button.
Add the embed button to your Active toolbar. You can do that while creating your text format or by navigating to the text format configuration form (
/admin/config/content/formats/manage/TEXT_FORMAT_ID). Make sure you select CKEditor as the Text editor for your text format and move the button from the available buttons section to the Active toolbar.
Enable the "Embeds entities using the oEmbed format" filter. This filter needs to be enabled and placed last in the Filter processing order. (WARNING: This is very important if you want the oEmbed specific urls to be converted into internal aliases)
Make view displays embeddable. Once the previous steps are done, navigate to the display mode configuration of the bundle you wish to be embeddable and select which of the available view displays will be available for embedding. E.g., in order to configure which of the view displays of the Image media type are available for embedding, you will need to navigate to
You can build the development site by running the following steps:
- Install the Composer dependencies:
A post command hook (
drupal:site-setup) is triggered automatically after
It will make sure that the necessary symlinks are properly setup in the development site.
It will also perform token substitution in development configuration files such as
Please note: project files and directories are symlinked within the test site by using the OpenEuropa Task Runner's Drupal project symlink command.
If you add a new file or directory in the root of the project, you need to re-run
drupal:site-setup in order to make
sure they are be correctly symlinked.
If you don't want to re-run a full site setup for that, you can simply run:
$ ./vendor/bin/run drupal:symlink-project
- Install test site by running:
The development site web root should be available in the
Docker provides the necessary services and tools such as a web server and a database server to get the site running, regardless of your local host configuration.
By default, Docker Compose reads two files, a
docker-compose.yml and an optional
By convention, the
docker-compose.yml contains your base configuration and it's provided by default.
The override file, as its name implies, can contain configuration overrides for existing services or entirely new
If a service is defined in both files, Docker Compose merges the configurations.
Find more information on Docker Compose extension mechanism on the official Docker Compose documentation.
To start, run:
It's advised to not daemonize
docker-compose so you can turn it off (
CTRL+C) quickly when you're done working.
However, if you'd like to daemonize it, you have to add the flag
docker-compose up -d
docker-compose exec web composer install docker-compose exec web ./vendor/bin/run drupal:site-install
Using default configuration, the development site files should be available in the
build directory and the development site
should be available at: http://127.0.0.1:8080/build.
To run the grumphp checks:
docker-compose exec web ./vendor/bin/grumphp run
To run the phpunit tests:
docker-compose exec web ./vendor/bin/phpunit
To run the behat tests:
docker-compose exec web ./vendor/bin/behat
To enable step debugging from the command line, pass the
XDEBUG_SESSION environment variable with any value to
docker-compose exec -e XDEBUG_SESSION=1 web <your command>
Please note that, starting from XDebug 3, a connection error message will be outputted in the console if the variable is set but your client is not listening for debugging connections. The error message will cause false negatives for PHPUnit tests.
To initiate step debugging from the browser, set the correct cookie using a browser extension or a bookmarklet like the ones generated at https://www.jetbrains.com/phpstorm/marklets/.
Please read the full documentation for details on our code of conduct, and the process for submitting pull requests to us.