Iframe Tag für Youtube Videos im CKEditor unter TYPO3 8.7.x einrichten

Meiner Meinung nach ist es super praktisch Youtube Videos mit in die normalen Contentelemente einbauen zu können, so sparst du Contentelemente, schonst deine Webseiten Performance und es ist darüberhinaus auch noch übersichtlicher. Außerdem ist es auch so möglich, Videos in den Newsbeiträgen mit einzubauen. Hier findest du eine Erklärung für ein aktuelles TYPO3 8.7.x unter der Verwendung des CKEditors.

Du kannst das Youtube Plugin auf der Seite von CKEditor herunterladen. Lege das Paket in deine Extension oder in der rte_ckeditor Extension im Core ab. (Dies ist jedoch keine saubere Lösung. 😉 ) Nun bearbeitest du deine Haupt YAML Datei. Da das Paket nicht im Standard Plugin Ordner liegt wird es mit externalPlugins eingebunden. Dieser Parameter darf nicht in der config Ebene stehen, sondern direkt unter editor. Es reicht die Angabe des Pfades mit resource: EXT:my_ext, diese wird im rte_ckeditor dann in den korrekten Pfad umgewandelt.

Für das RTE Prozessing muss in der YAML Datei folgendes hinzugefügt werden, dieser Einstellung erlaubt iframe Tags in deinem Textfeld, ansonsten werden alle Iframe beim Speichern entfernt.

Zusätzlich gibst du per Typoscript den Tag Iframe frei. Dazu ergänzt du folgende Zeile unter den Constants in deinem TYPO3 Template.

Bei meiner Installation TYPO3 8.7.9 funktionierte alles im Backend problemlos, nur im Fronend wurde der Iframe als Quellcode komplett ausgeben. Durch das hinzufügen dieser Einstellung unter Setup im TYPO3 Template wurde das HTML (Iframe Tag) gerendert und das Video ausgegeben und somit dargestellt.

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

Das Könnte Dich Auch Interessieren:

TYPO3 – Bildnamen von gerenderten Bildern e... Man möchte in TYPO3 erreichen, dass Bildernamen erhalten bleiben, wenn diese durch TYPO3 neu erstellt wurden. Normalerweise erstellt TYPO3 eine...
TYPO3 – Tutorial für ein TMENU mit dynamisch... Suchst du nach einem TYPO3 TMENU, was dynamische Klassen oder IDs vergeben kann? Dann bist du nun fündig geworden.  Dieses Typoscript erstellt für...
Papierkorb Icon für das Löschen von Inhaltselement... Templavoila ist eine der verbreitetsten TYPO3 Extensions, für die Umsetzung von hochwertigen Templates. In einer neueren Templavoila Version fi...
Eigene TYPO3 tt_content Sitemaps erstellen –... In diesem Tutorial zeige ich Dir, wie du das Contentelement Sitemap vom Bereich tt_content erweitern kannst. Als ein praktisches Beispiel, könnte m...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.